mirror of
https://gh.wpcy.net/https://github.com/discourse/discourse.git
synced 2026-05-01 11:47:16 +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)") ```
90 lines
2.3 KiB
Ruby
90 lines
2.3 KiB
Ruby
# frozen_string_literal: true
|
|
|
|
module PageObjects
|
|
module Components
|
|
class PikadayCalendar < PageObjects::Components::Base
|
|
attr_reader :context
|
|
|
|
def initialize(context)
|
|
@context = context
|
|
end
|
|
|
|
def component
|
|
find(@context)
|
|
end
|
|
|
|
def open_calendar
|
|
component.click
|
|
end
|
|
|
|
def visible_pikaday
|
|
find(".pika-single:not(.is-hidden)")
|
|
end
|
|
|
|
def hidden?
|
|
page.has_no_css?(".pika-single:not(.is-hidden)")
|
|
end
|
|
|
|
def select_date(year, month, day)
|
|
open_calendar
|
|
select_year(year)
|
|
select_month(month)
|
|
select_day(day)
|
|
end
|
|
|
|
def select_day(day_number)
|
|
find("button.pika-button.pika-day[data-pika-day='#{day_number}']:not(.is-disabled)").click
|
|
end
|
|
|
|
# The month is 0-based. Month name can be provided too.
|
|
def select_month(month)
|
|
parsed_month =
|
|
begin
|
|
Integer(month)
|
|
rescue StandardError
|
|
nil
|
|
end
|
|
|
|
if parsed_month.nil?
|
|
parsed_month =
|
|
{
|
|
"january" => 0,
|
|
"february" => 1,
|
|
"march" => 2,
|
|
"april" => 3,
|
|
"may" => 4,
|
|
"june" => 5,
|
|
"july" => 6,
|
|
"august" => 7,
|
|
"september" => 8,
|
|
"october" => 9,
|
|
"november" => 10,
|
|
"december" => 11,
|
|
}[
|
|
month.downcase
|
|
]
|
|
end
|
|
|
|
# visible: false is here because pikaday sets the controls
|
|
# to opacity: 0 for some reason.
|
|
visible_pikaday
|
|
.find(".pika-select-month", visible: false)
|
|
.click
|
|
.find("option[value='#{parsed_month}']")
|
|
.click
|
|
end
|
|
|
|
def select_year(year)
|
|
# visible: false is here because pikaday sets the controls
|
|
# to opacity: 0 for some reason.
|
|
select_element = visible_pikaday.find(".pika-select-year", visible: false)
|
|
page.driver.with_playwright_page do |playwright_page|
|
|
playwright_page.eval_on_selector(
|
|
".pika-select-year",
|
|
"select => { select.value = '#{year}'; select.dispatchEvent(new Event('change', { bubbles: true })); }",
|
|
)
|
|
end
|
|
end
|
|
end
|
|
end
|
|
end
|
