MDL-46891 behat: Driver specific fixes.
[moodle.git] / lib / editor / atto / plugins / image / tests / behat / image.feature
1 @editor @editor_atto @atto @atto_image @_file_upload
2 Feature: Add images to Atto
3   To write rich text - I need to add images.
5   @javascript
6   Scenario: Insert an image
7     Given I log in as "admin"
8     And I follow "Manage private files..."
9     And I upload "lib/editor/atto/tests/fixtures/moodle-logo.png" file to "Files" filemanager
10     And I click on "Save changes" "button"
11     And I follow "Profile" in the user menu
12     And I follow "Edit profile"
13     When I set the field "Description" to "<p>Image test</p>"
14     And I select the text in the "Description" Atto editor
15     And I click on "Image" "button"
16     And I click on "Browse repositories..." "button"
17     And I click on "Private files" "link"
18     And I click on "moodle-logo.png" "link"
19     And I click on "Select this file" "button"
20     And I set the field "Describe this image for someone who cannot see it" to "It's the Moodle"
21     # Wait for the page to "settle".
22     And I wait until the page is ready
23     And the field "Width" matches value "204"
24     And the field "Height" matches value "61"
25     And I set the field "Auto size" to "1"
26     And I wait until the page is ready
27     And I set the field "Width" to "2040"
28     # Trigger blur on the width field.
29     And I take focus off "Width" "field"
30     And the field "Height" matches value "610"
31     And I set the field "Height" to "61"
32     # Trigger blur on the height field.
33     And I take focus off "Height" "field"
34     And the field "Width" matches value "204"
35     And I set the field "Auto size" to "0"
36     And I wait until the page is ready
37     And I set the field "Width" to "123"
38     And I set the field "Height" to "456"
39     # Trigger blur on the height field.
40     And I take focus off "Height" "field"
41     And the field "Width" matches value "123"
42     And the field "Height" matches value "456"
43     And I click on "Save image" "button"
44     And I click on "Update profile" "button"
45     And I follow "Edit profile"
46     And I select the text in the "Description" Atto editor
47     And I click on "Image" "button"
48     Then the field "Describe this image for someone who cannot see it" matches value "It's the Moodle"
49     And the field "Width" matches value "123"
50     And the field "Height" matches value "456"
52   @javascript
53   Scenario: Manually inserting an image
54     Given I log in as "admin"
55     And I follow "Profile" in the user menu
56     And I follow "Edit profile"
57     And I set the field "Description" to "<p>Image: <img src='/nothing/here'>.</p>"
58     And I select the text in the "Description" Atto editor
59     When I click on "Image" "button"
60     Then the field "Enter URL" matches value "/nothing/here"
61     And I set the field "Describe this image for someone who cannot see it" to "Something"
62     And I set the field "Enter URL" to ""
63     And I press "Save image"
64     And I set the field "Description" to "<p>Image: <img src='/nothing/again' width='123' height='456' alt='Awesome!'>.</p>"
65     And I press "Update profile"
66     And I follow "Edit profile"
67     And I select the text in the "Description" Atto editor
68     And I click on "Image" "button"
69     And the field "Enter URL" matches value "/nothing/again"
70     And the field "Width" matches value "123"
71     And the field "Height" matches value "456"
72     And the field "Describe this image" matches value "Awesome!"