Feature: Edit a page
  As an author
  I want to edit a page in the CMS
  So that I correct errors and provide new information

  Background:
    Given a "page" "About Us"
    Given I am logged in with "ADMIN" permissions
    And I go to "/admin/pages"
    Then I should see "About Us" in the tree

  @javascript
  Scenario: I can open a page for editing from the pages tree
    When I click on "About Us" in the tree
    Then I should see an edit page form

  @javascript
  Scenario: I can edit title and content and see the changes on draft
    When I click on "About Us" in the tree
    Then I should see an edit page form

    When I fill in "Title" with "About Us!"
    And I fill in the "Content" HTML field with "<p>my new content</p>"
    And I press the "Save" button
    Then I should see the "Saved" button

    When I click on "About Us" in the tree
    Then the "Title" field should contain "About Us!"
    And the "Content" HTML field should contain "my new content"

  @javascript
  Scenario: I can toggle between the main tabs on a page
    When I click on "About Us" in the tree
    Then I should see an edit page form
    And I should see a "Settings" tab in the CMS content header tabs
    And the "Content" header tab should be active

    When I click on "Settings" in the header tabs
    Then the "Settings" header tab should be active
    And the "Content" header tab should not be active