[Summary view] [Print] [Text view]

   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.
   4  
   5    @javascript
   6    Scenario: Insert an image
   7      Given I log in as "admin"
   8      And I navigate to "My private files" node in "My profile"
   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      When I navigate to "Edit profile" node in "My profile settings"
  12      And I set the field "Description" to "<p>Image test</p>"
  13      And I select the text in the "Description" Atto editor
  14      And I click on "Image" "button"
  15      And I click on "Browse repositories..." "button"
  16      And I click on "Private files" "link"
  17      And I click on "moodle-logo.png" "link"
  18      And I click on "Select this file" "button"
  19      And I set the field "Describe this image" to "It's the Moodle"
  20      # Wait for the page to "settle".
  21      And I wait until the page is ready
  22      And the field "Width" matches value "204"
  23      And the field "Height" matches value "61"
  24      And I set the field "Auto size" to "1"
  25      And I set the field "Width" to "2040"
  26      # Trigger blur on the width field.
  27      And I take focus off "Width" "field"
  28      And the field "Height" matches value "610"
  29      And I set the field "Height" to "61"
  30      # Trigger blur on the height field.
  31      And I take focus off "Height" "field"
  32      And the field "Width" matches value "204"
  33      And I set the field "Auto size" to "0"
  34      And I set the field "Width" to "123"
  35      And I set the field "Height" to "456"
  36      # Trigger blur on the height field.
  37      And I take focus off "Height" "field"
  38      And the field "Width" matches value "123"
  39      And the field "Height" matches value "456"
  40      And I click on "Save image" "button"
  41      And I click on "Update profile" "button"
  42      And I follow "Edit profile"
  43      And I select the text in the "Description" Atto editor
  44      And I click on "Image" "button"
  45      Then the field "Describe this image" matches value "It's the Moodle"
  46      And the field "Width" matches value "123"
  47      And the field "Height" matches value "456"
  48  
  49    @javascript
  50    Scenario: Manually inserting an image
  51      Given I log in as "admin"
  52      And I navigate to "Edit profile" node in "My profile settings"
  53      And I set the field "Description" to "<p>Image: <img src='/nothing/here'>.</p>"
  54      And I select the text in the "Description" Atto editor
  55      When I click on "Image" "button"
  56      Then the field "Enter URL" matches value "/nothing/here"
  57      And I set the field "Describe this image" to "Something"
  58      And I set the field "Enter URL" to ""
  59      And I press "Save image"
  60      And I set the field "Description" to "<p>Image: <img src='/nothing/again' width='123' height='456' alt='Awesome!'>.</p>"
  61      And I press "Update profile"
  62      And I follow "Edit profile"
  63      And I select the text in the "Description" Atto editor
  64      And I click on "Image" "button"
  65      And the field "Enter URL" matches value "/nothing/again"
  66      And the field "Width" matches value "123"
  67      And the field "Height" matches value "456"
  68      And the field "Describe this image" matches value "Awesome!"