Feature: Liveness Start Screen

  Test Liveness start screen

  Background:
    Given I'm running the example "ui/components/liveness"
  
  @react
  Scenario: The Start Screen has all the elements
    Then I see "SessionId:"
    And I see "Photosensitivity warning"
    And I see "Liveness check"
    And I see "You will go through a face verification process to prove that you are a real person."
    And I see "This check displays colored lights. Use caution if you are photosensitive."
    And I see the "Begin check" button

  @react
  Scenario: Click the pop-over icon and see the notes
    Then I click the "popover-icon"
    And I see "A small percentage of individuals may experience epileptic seizures when exposed to colored lights. Use caution if you, or anyone in your family, have an epileptic condition."

  @react
  Scenario: The start Screen has the instructions
    Then I see "Follow the instructions to complete the check:"
    And I see "Make sure your face is not covered with sunglasses or a mask."
    And I see "Move to a well-lit place that is not in direct sunlight."
    And I see "Maximize your screen's brightness."
    And I see "When an oval appears, fill the oval with your face within 7 seconds."