discourse/spec/system/user_page
Joffrey JAFFEUX b6aad28ccf
DEV: replace selenium driver with playwright (#31977)
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)")
```
2025-05-06 10:44:14 +02:00
..
hide_from_public_spec.rb DEV: Improve UX when user profiles are hidden from public (#26293) 2024-03-21 17:53:52 +00:00
staff_info_spec.rb DEV: Allow fab! without block (#24314) 2023-11-09 16:47:59 -06:00
user_notifications_spec.rb DEV: Plugin-api methods for user-notifications route customizations (#24873) 2023-12-13 15:15:42 -06:00
user_page_search_spec.rb UX: header search mobile support (#31711) 2025-04-14 10:27:48 +08:00
user_preferences_account_spec.rb FIX: Serialize uploaded_avatars_allowed_groups check on current user (#25515) 2024-02-02 09:32:45 +10:00
user_preferences_interface_spec.rb FIX: Set the correct state of the dark mode checkbox user preference (#31214) 2025-02-06 20:31:37 +03:00
user_preferences_navigation_spec.rb FIX: Serialize uploaded_avatars_allowed_groups check on current user (#25515) 2024-02-02 09:32:45 +10:00
user_preferences_profile_spec.rb UX: move "hide profile" checkbox to profile tab (#31095) 2025-01-31 17:04:20 +01:00
user_preferences_security_spec.rb DEV: replace selenium driver with playwright (#31977) 2025-05-06 10:44:14 +02:00
user_profile_info_panel_spec.rb FIX: Render user profile trust level name for TL0 (#22740) 2023-07-21 15:16:34 +08:00
users_directory_spec.rb DEV: Remove flaky test for now (#29249) 2024-10-17 16:58:35 +08:00