discourse/plugins/chat/spec/system/page_objects/chat/components/composer.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

124 lines
2.7 KiB
Ruby
Vendored

# frozen_string_literal: true
module PageObjects
module Components
module Chat
class Composer < PageObjects::Components::Base
attr_reader :context
SELECTOR = ".chat-composer__wrapper"
def initialize(context)
@context = context
end
def blank?
has_value?("")
end
def enabled?
component.has_css?(".chat-composer.is-enabled")
end
def has_saved_draft?
component.has_css?(".chat-composer.is-draft-saved")
end
def has_unsaved_draft?
component.has_css?(".chat-composer.is-draft-unsaved")
end
def message_details
@message_details ||= PageObjects::Components::Chat::ComposerMessageDetails.new(context)
end
def input
component.find(".chat-composer__input")
end
def component
find(context).find(SELECTOR)
end
def fill_in(**args)
input.fill_in(**args)
self
end
def value
input.value
end
def has_value?(expected)
has_field?(input[:id], with: expected)
end
def reply_to_last_message_shortcut
input.click
input.send_keys(%i[shift up])
end
def edit_last_message_shortcut
input.click
input.send_keys(%i[up])
end
def emphasized_text_shortcut
input.click
input.send_keys([PLATFORM_KEY_MODIFIER, "i"])
end
def cancel_shortcut
input.click
input.send_keys(:escape)
end
def indented_text_shortcut
input.click
input.send_keys([PLATFORM_KEY_MODIFIER, "e"])
end
def bold_text_shortcut
input.click
input.send_keys([PLATFORM_KEY_MODIFIER, "b"])
end
def open_emoji_picker
find(context).find(SELECTOR).find(".chat-composer-button.-emoji").click
end
def cancel_editing
component.click_button(class: "cancel-message-action")
end
def editing_message?(message)
has_value?(message.message) && message_details.editing?(message)
end
def editing_no_message?
blank? && message_details.has_no_message?
end
def focus
component.click
end
def focused?
component.has_css?(".chat-composer.is-focused")
end
def enter_shortcut
input.send_keys(:enter)
end
def shift_enter_shortcut
input.send_keys(%i[shift enter])
end
def meta_enter_shortcut
input.send_keys([PLATFORM_KEY_MODIFIER, :enter])
end
end
end
end
end