Proyectos de Subversion Moodle

@core @javascript

Feature: Test collapsable section output module

  In order to show extra information to the user

  As a user

  I need to interact with the collapsable section output

  Background:

    # Get to the fixture page.

    Given I log in as "admin"

    And I am on fixture page "/lib/tests/behat/fixtures/collapsable_section_output_testpage.php"

  Scenario: Collapsable sections can be opened and closed

    Given I should not see "Dialog content"

    And I should not see "This is the closed section content." in the "closedsection" "region"

    And I should see "This is the open section content." in the "opensection" "region"

    When I click on "Expand" "button" in the "closedsection" "region"

    And I click on "Collapse" "button" in the "opensection" "region"

    Then I should see "This is the closed section content." in the "closedsection" "region"

    And I should not see "This is the open section content." in the "opensection" "region"

  Scenario: Collapsable sections content can have rich content inside

    When I click on "Expand" "button" in the "closedsection" "region"

    Then I should see "This is the closed section content." in the "closedsection" "region"

    And "Link" "link" should exist in the "closedsection" "region"

    And "Eye icon" "icon" should exist in the "closedsection" "region"

  Scenario: Collapsable sections HTML attributtes can be overriden

    When I click on "Expand" "button" in the "extraclasses" "region"

    And I click on "Expand" "button" in the "extraattributes" "region"

    Then ".extraclass" "css_element" should exist in the "extraclasses" "region"

    And "[data-foo='bar']" "css_element" should exist in the "extraattributes" "region"

    And "#myid" "css_element" should exist in the "extraattributes" "region"

  Scenario: Collapsable sections can have custom labels for expand and collapse

    When I click on "Custom expand" "button" in the "customlabels" "region"

    Then I should see "This is the custom labels content." in the "customlabels" "region"

    And I click on "Custom collapse" "button" in the "customlabels" "region"

    And I should not see "This is the custom labels content." in the "customlabels" "region"

  Scenario: Collapsable sections can be controlled via javascript

    # Toggle.

    Given I should not see "This is the javascript controls content." in the "jscontrols" "region"

    When I click on "Toggle" "button" in the "jscontrols" "region"

    Then I should see "This is the javascript controls content." in the "jscontrols" "region"

    And I click on "Toggle" "button" in the "jscontrols" "region"

    And I should not see "This is the javascript controls content." in the "jscontrols" "region"

    # Show and Hide.

    And  I click on "Show" "button" in the "jscontrols" "region"

    And I should see "This is the javascript controls content." in the "jscontrols" "region"

    And  I click on "Show" "button" in the "jscontrols" "region"

    And I should see "This is the javascript controls content." in the "jscontrols" "region"

    And I click on "Hide" "button" in the "jscontrols" "region"

    And I should not see "This is the javascript controls content." in the "jscontrols" "region"

    And I click on "Hide" "button" in the "jscontrols" "region"

    And I should not see "This is the javascript controls content." in the "jscontrols" "region"

    # Test state.

    And I click on "Test state" "button" in the "jscontrols" "region"

    And I should see "hidden" in the "state" "region"

    And  I click on "Show" "button" in the "jscontrols" "region"

    And I click on "Test state" "button" in the "jscontrols" "region"

    And I should see "visible" in the "state" "region"

    # Events.

    And I click on "Show" "button" in the "jscontrols" "region"

    And I should see "Last event: Section shown" in the "jscontrols" "region"

    And I click on "Hide" "button" in the "jscontrols" "region"

    And I should see "Last event: Section hidden" in the "jscontrols" "region"