Feature: Upload/Delete images on posts
  As a user
  I would like to be able to add/delete an image to/from my Post
  So that I can personalize my posts

  Background:
    Given I have an user account
    And I am logged in
    And the following "posts" are in the database:
      | authorId         | id | title              | content              | 
      | id-of-peter-pan  | p1 | Post to be updated | successfully updated |
    And I navigate to page "landing"

  Scenario: Create a Post with a Teaser Image
    When I click on "create post button"
    Then I should be able to "add" a teaser image
    And I add all required fields
    And I click on "save button"
    Then I am on page ".../new-post"
    And the post was saved successfully with the "new" teaser image

  Scenario: Update a Post to add an image
    Given I navigate to page "post/edit/p1"
    And I should be able to "change" a teaser image
    And I click on "save button"
    Then I see a toaster with "Saved!"
    And I am on page ".../post-to-be-updated"
    Then the post was saved successfully with the "updated" teaser image
  
  Scenario: Add image, then add a different image
    When I click on "create post button"
    Then I should be able to "add" a teaser image
    And I should be able to "change" a teaser image
    And the first image should not be displayed anymore

  Scenario: Add image, then delete it
    When I click on "create post button"
    Then I should be able to "add" a teaser image
    And I should be able to remove the image
    And I add all required fields
    And I click on "save button"
    Then I am on page ".../new-post"
    And the "new" post was saved successfully without a teaser image

  Scenario: Delete existing image
    Given I navigate to page "post/edit/p1"
    And my post has a teaser image
    Then I should be able to remove the image
    And I click on "save button"
    Then I am on page ".../post-to-be-updated"
    And the "updated" post was saved successfully without a teaser image