mirror of
https://github.com/basecamp/once-campfire.git
synced 2026-09-27 18:46:23 +09:00
Stanko K.R.
6acad0549d
The editor keeps an attachment's content as it finds it, so a hand-written embed with a url but no href reached the editor with its markup unvalidated, and a mention saved under Trix's editor carried the generic octet-stream content type the editor doesn't permit and was dropped on save. Rebuilding each attachment from its attachable renders the hardened preview partial and restores the mention content type.
58 lines
1.9 KiB
Ruby
58 lines
1.9 KiB
Ruby
# Drives the rich text editor in the composer. Encapsulates all editor-specific
|
|
# selectors and interactions so tests describe behavior, not the editor's DOM.
|
|
module RichTextEditorHelper
|
|
# Rails' built-in helper drives Trix; this drives Lexxy
|
|
def fill_in_rich_text_area(id, with:)
|
|
find("lexxy-editor##{id}").execute_script("this.value = arguments[0]", with)
|
|
end
|
|
|
|
def composer_editor
|
|
find("#composer lexxy-editor .lexxy-editor__content")
|
|
end
|
|
|
|
def type_in_composer(text)
|
|
composer_editor.click
|
|
composer_editor.send_keys(text)
|
|
end
|
|
|
|
def press_in_composer(*keys)
|
|
composer_editor.send_keys(*keys)
|
|
end
|
|
|
|
# The rich text button is only displayed for fine-pointer devices, a media
|
|
# query headless Chrome doesn't satisfy, so click it directly.
|
|
def toggle_rich_text_toolbar
|
|
page.execute_script("document.querySelector('#composer .composer__rich-text-btn').click()")
|
|
end
|
|
|
|
# Waits for the suggestion to appear, then commits the selected one with Tab.
|
|
def pick_mention(name)
|
|
assert_selector ".lexxy-prompt-menu__item", text: name
|
|
composer_editor.send_keys :tab
|
|
end
|
|
|
|
def paste_in_composer(text, html: nil)
|
|
composer_editor.click
|
|
|
|
page.execute_script(<<~JS, text, html)
|
|
const content = document.querySelector("#composer lexxy-editor .lexxy-editor__content")
|
|
const event = new ClipboardEvent("paste", { bubbles: true, cancelable: true, clipboardData: new DataTransfer() })
|
|
event.clipboardData.setData("text/plain", arguments[0])
|
|
if (arguments[1]) event.clipboardData.setData("text/html", arguments[1])
|
|
content.dispatchEvent(event)
|
|
JS
|
|
end
|
|
|
|
def assert_composer_text(text)
|
|
assert_selector "#composer lexxy-editor .lexxy-editor__content", text: text
|
|
end
|
|
|
|
def assert_composer_empty
|
|
assert_no_selector "#composer lexxy-editor .lexxy-editor__content", text: /./
|
|
end
|
|
|
|
def assert_edit_editor_text(text)
|
|
assert_selector ".message__body-content--editing lexxy-editor", text: text
|
|
end
|
|
end
|