mirror of
https://github.com/mediacms-io/mediacms.git
synced 2026-02-04 06:22:59 -05:00
75 lines
4.0 KiB
Gherkin
Executable File
75 lines
4.0 KiB
Gherkin
Executable File
@editor @editor_tiny @tiny_mediacms @javascript
|
|
Feature: Use the TinyMCE editor to upload an image
|
|
In order to work with images
|
|
As a user
|
|
I need to be able to upload and manipulate images
|
|
|
|
Scenario: Clicking on the Image button in the TinyMCE editor opens the image dialog
|
|
Given I log in as "admin"
|
|
And I open my profile in edit mode
|
|
When I click on the "Image" button for the "Description" TinyMCE editor
|
|
Then "Insert image" "dialogue" should exist
|
|
|
|
Scenario: Browsing repositories in the TinyMCE editor opens the image dialog and shows the FilePicker
|
|
Given I log in as "admin"
|
|
And I open my profile in edit mode
|
|
When I click on the "Image" button for the "Description" TinyMCE editor
|
|
And I click on "Browse repositories" "button" in the "Insert image" "dialogue"
|
|
Then "File picker" "dialogue" should exist
|
|
|
|
Scenario: Focus returns to the correct location after closing a nested FilePicker
|
|
Given I log in as "admin"
|
|
And I open my profile in edit mode
|
|
When I click on the "Image" button for the "Description" TinyMCE editor
|
|
And I press "Browse repositories"
|
|
When I press the escape key
|
|
Then the focused element is "Browse repositories" "button"
|
|
|
|
@_file_upload @test_tiny
|
|
Scenario: Browsing repositories in the TinyMCE editor shows the FilePicker and upload url image
|
|
Given I log in as "admin"
|
|
And I open my profile in edit mode
|
|
When I click on the "Image" button for the "Description" TinyMCE editor
|
|
And I click on "Browse repositories" "button" in the "Insert image" "dialogue"
|
|
And I upload "/lib/editor/tiny/tests/behat/fixtures/tinyscreenshot.png" to the file picker for TinyMCE
|
|
# Note: This needs to be replaced with a label.
|
|
Then ".tiny_image_preview" "css_element" should be visible
|
|
|
|
@_file_upload
|
|
Scenario: Insert image to the TinyMCE editor
|
|
Given I log in as "admin"
|
|
And I open my profile in edit mode
|
|
And I click on the "Image" button for the "Description" TinyMCE editor
|
|
And I click on "Browse repositories" "button" in the "Insert image" "dialogue"
|
|
And I upload "lib/editor/tiny/tests/behat/fixtures/moodle-logo.png" to the file picker for TinyMCE
|
|
And I set the field "How would you describe this image to someone who can't see it?" to "It's the Moodle"
|
|
And I click on "Save" "button" in the "Image details" "dialogue"
|
|
When I select the "img" element in position "0" of the "Description" TinyMCE editor
|
|
And I click on the "Image" button for the "Description" TinyMCE editor
|
|
Then the field "How would you describe this image to someone who can't see it?" matches value "It's the Moodle"
|
|
# Note: This needs to be replaced with a label.
|
|
And ".tiny_image_preview" "css_element" should be visible
|
|
|
|
@_file_upload
|
|
Scenario: Resizing the image uses the original and custom sizes and the keep proportion checkbox
|
|
Given I log in as "admin"
|
|
And I open my profile in edit mode
|
|
And I click on the "Image" button for the "Description" TinyMCE editor
|
|
And I click on "Browse repositories" "button" in the "Insert image" "dialogue"
|
|
And I upload "lib/editor/tiny/tests/behat/fixtures/moodle-logo.png" to the file picker for TinyMCE
|
|
And I click on "This image is decorative only" "checkbox"
|
|
And I click on "Save" "button" in the "Image details" "dialogue"
|
|
When I select the "img" element in position "0" of the "Description" TinyMCE editor
|
|
And I click on the "Image" button for the "Description" TinyMCE editor
|
|
Then the field "Original size" matches value "1"
|
|
And I click on "Custom size" "radio"
|
|
Then the field "Keep proportion" matches value "1"
|
|
And I click on "Keep proportion" "checkbox"
|
|
And I set the field "Width" to "102"
|
|
And I click on "Save" "button" in the "Image details" "dialogue"
|
|
When I select the "img" element in position "0" of the "Description" TinyMCE editor
|
|
And I click on the "Image" button for the "Description" TinyMCE editor
|
|
Then the field "Custom size" matches value "1"
|
|
And the field "Width" matches value "102"
|
|
And the field "Keep proportion" matches value "0"
|