mirror of
https://github.com/discourse/discourse.git
synced 2025-06-12 06:33:46 +08:00

This commit is replacing the system specs driver (selenium) by Playwright: https://playwright.dev/ We are still using Capybara to write the specs but they will now be run by Playwright. To achieve this we are using the non official ruby driver: https://github.com/YusukeIwaki/capybara-playwright-driver ### Notable changes - `CHROME_DEV_TOOLS` has been removed, it's not working well with playwright use `pause_test` and inspect browser for now. - `fill_in` is not generating key events in playwright, use `send_keys` if you need this. ### New spec options #### trace Allows to capture a trace in a zip file which you can load at https://trace.playwright.dev or locally through `npx playwright show-trace /path/to/trace.zip` _Example usage:_ ```ruby it "shows bar", trace: true do visit("/") find(".foo").click expect(page).to have_css(".bar") end ``` #### video Allows to capture a video of your spec. _Example usage:_ ```ruby it "shows bar", video: true do visit("/") find(".foo").click expect(page).to have_css(".bar") end ``` ### New env variable #### PLAYWRIGHT_SLOW_MO_MS Allow to force playwright to wait DURATION (in ms) at each action. _Example usage:_ ``` PLAYWRIGHT_SLOW_MO_MS=1000 rspec foo_spec.rb ``` #### PLAYWRIGHT_HEADLESS Allow to be in headless mode or not. Default will be headless. _Example usage:_ ``` PLAYWRIGHT_HEADLESS=0 rspec foo_spec.rb # will show the browser ``` ### New helpers #### with_logs Allows to access the browser logs and check if something specific has been logged. _Example usage:_ ```ruby with_logs do |logger| # do something expect(logger.logs.map { |log| log[:message] }).to include("foo") end ``` #### add_cookie Allows to add a cookie on the browser session. _Example usage:_ ```ruby add_cookie(name: "destination_url", value: "/new") ``` #### get_style Get the property style value of an element. _Example usage:_ ```ruby expect(get_style(find(".foo"), "height")).to eq("200px") ``` #### get_rgb_color Get the rgb color of an element. _Example usage:_ ```ruby expect(get_rgb_color(find("html"), "backgroundColor")).to eq("rgb(170, 51, 159)") ```
80 lines
2.1 KiB
Ruby
80 lines
2.1 KiB
Ruby
# frozen_string_literal: true
|
|
|
|
RSpec.describe "User card", type: :system do
|
|
fab!(:current_user) { Fabricate(:user) }
|
|
fab!(:topic_1) { Fabricate(:topic) }
|
|
|
|
let(:chat) { PageObjects::Pages::Chat.new }
|
|
|
|
before { chat_system_bootstrap }
|
|
|
|
shared_examples "not showing chat button" do
|
|
it "doesn’t show the chat button" do
|
|
expect(page).to have_no_css(".chat-direct-message-btn")
|
|
end
|
|
end
|
|
|
|
shared_examples "showing chat button" do
|
|
it "shows the chat button" do
|
|
expect(page).to have_css(".chat-direct-message-btn")
|
|
end
|
|
end
|
|
|
|
context "when user" do
|
|
context "when chat disabled" do
|
|
before do
|
|
SiteSetting.chat_enabled = false
|
|
sign_in(current_user)
|
|
end
|
|
|
|
context "when showing user card" do
|
|
before do
|
|
visit("/")
|
|
find("[data-user-card='#{topic_1.user.username}']").click
|
|
expect(page).to have_css(".user-card.show")
|
|
end
|
|
|
|
include_examples "not showing chat button"
|
|
end
|
|
end
|
|
|
|
context "when chat enabled" do
|
|
before { sign_in(current_user) }
|
|
|
|
context "when showing user card" do
|
|
before do
|
|
visit("/")
|
|
find("[data-user-card='#{topic_1.user.username}']").click
|
|
expect(page).to have_css(".user-card.show")
|
|
end
|
|
|
|
include_examples "showing chat button"
|
|
|
|
context "when clicking chat button" do
|
|
before { find(".chat-direct-message-btn").click }
|
|
|
|
it "opens correct channel" do
|
|
# at this point the ChatChannel is not created yet
|
|
expect(page).to have_css(".chat-drawer.is-expanded")
|
|
expect(page).to have_css(
|
|
".chat-drawer.is-expanded[data-chat-channel-id='#{Chat::Channel.last.id}']",
|
|
)
|
|
end
|
|
end
|
|
end
|
|
end
|
|
end
|
|
|
|
context "when anonymous" do
|
|
context "when showing user card" do
|
|
before do
|
|
visit("/")
|
|
find("[data-user-card='#{topic_1.user.username}']").click
|
|
expect(page).to have_css(".user-card.show")
|
|
end
|
|
|
|
include_examples "not showing chat button"
|
|
end
|
|
end
|
|
end
|