mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-05-26 01:04:55 +08:00
b6aad28ccf
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)") ```
92 lines
2.3 KiB
Ruby
Vendored
92 lines
2.3 KiB
Ruby
Vendored
# frozen_string_literal: true
|
||
|
||
RSpec.describe "Shortcuts | drawer", type: :system do
|
||
fab!(:user_1) { Fabricate(:admin) }
|
||
fab!(:channel_1) { Fabricate(:chat_channel) }
|
||
fab!(:channel_2) { Fabricate(:chat_channel) }
|
||
|
||
let(:chat_page) { PageObjects::Pages::Chat.new }
|
||
let(:channel_page) { PageObjects::Pages::ChatChannel.new }
|
||
let(:drawer_page) { PageObjects::Pages::ChatDrawer.new }
|
||
|
||
before do
|
||
chat_system_bootstrap(user_1, [channel_1, channel_2])
|
||
sign_in(user_1)
|
||
end
|
||
|
||
context "when drawer is closed" do
|
||
before { visit("/") }
|
||
|
||
context "when pressing dash" do
|
||
it "opens the drawer" do
|
||
page.send_keys("-")
|
||
|
||
expect(chat_page).to have_drawer
|
||
end
|
||
end
|
||
end
|
||
|
||
context "when drawer is opened" do
|
||
before do
|
||
visit("/")
|
||
chat_page.open_from_header
|
||
end
|
||
|
||
context "when pressing escape" do
|
||
context "when the composer is not focused" do
|
||
it "closes the drawer" do
|
||
expect(chat_page).to have_drawer
|
||
|
||
drawer_page.open_channel(channel_1)
|
||
page.send_keys(:tab) # ensures we focus out of input
|
||
page.send_keys(:escape)
|
||
|
||
expect(chat_page).to have_no_drawer
|
||
end
|
||
end
|
||
|
||
context "when the composer is focused" do
|
||
it "blurs the input" do
|
||
expect(chat_page).to have_drawer
|
||
|
||
drawer_page.open_channel(channel_1)
|
||
channel_page.composer.input.click
|
||
|
||
page.send_keys(:escape)
|
||
|
||
expect(chat_page).to have_drawer
|
||
end
|
||
end
|
||
end
|
||
|
||
context "when pressing a letter" do
|
||
it "doesn’t intercept the event" do
|
||
drawer_page.open_channel(channel_1)
|
||
page.send_keys(:tab) # simple way to ensure composer is not focused
|
||
page.send_keys("e")
|
||
|
||
expect(channel_page.composer.value).to eq("")
|
||
end
|
||
end
|
||
|
||
context "when using Up/Down arrows" do
|
||
it "navigates through the channels" do
|
||
drawer_page.open_channel(channel_1)
|
||
|
||
expect(chat_page).to have_drawer(channel_id: channel_1.id)
|
||
|
||
page.send_keys(%i[alt down])
|
||
|
||
expect(chat_page).to have_drawer(channel_id: channel_2.id)
|
||
|
||
page.send_keys(%i[alt down])
|
||
|
||
expect(chat_page).to have_drawer(channel_id: channel_1.id)
|
||
|
||
page.send_keys(%i[alt up])
|
||
|
||
expect(chat_page).to have_drawer(channel_id: channel_2.id)
|
||
end
|
||
end
|
||
end
|
||
end
|
