discourse/plugins/chat/spec/system/user_card_spec.rb
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

79 lines
2.1 KiB
Ruby
Vendored
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# 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 "doesnt 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