@app @javascript
Feature: User Tours work properly.

  Background:
    Given the following "users" exist:
      | username | firstname | lastname |
      | student1 | Student   | First    |
      | student2 | Student   | Second   |
    And the following "courses" exist:
      | fullname | shortname |
      | Course 1 | C1        |
    And the following "course enrolments" exist:
      | user     | course | role    |
      | student1 | C1     | student |
      | student2 | C1     | student |
    And the app has the following config:
      | disableUserTours | false |

  Scenario: Acknowledge User Tours
    When I enter the app
    And I log in as "student1"
    Then I should find "Explore your personal area" in the app
    But I should not find "Expand to explore" in the app

    When I press "Got it" in the app
    Then I should find "Expand to explore" in the app
    But I should not find "Explore your personal area" in the app

    When I press "Got it" in the app
    Then I should not find "Expand to explore" in the app
    And I should not find "Explore your personal area" in the app

    When I press "My courses" in the app
    And I press "Course 1" in the app
    Then I should find "Find your way around" in the app

    When I press "Got it" in the app
    Then I should not find "Find your way around" in the app

    When I press "Participants" in the app
    And I press "Student First" in the app
    Then I should find "Swipe left and right to navigate around" in the app

    When I press "Got it" in the app
    Then I should not find "Swipe left and right to navigate around" in the app

    When I press the back button in the app
    And I press "Student First" in the app
    Then I should not find "Swipe left and right to navigate around" in the app