Feature: Liveness Detector

  Test Liveness detector

  Background:
    Given I'm running the example "ui/components/liveness"

  @react
  Scenario: Navigate with keyboard only
      Then I hit the "enter" key on "Begin check" button
      And I click the "close-icon"
      # TODO: Change this to use keyboard navigation, at this time it doesnt work the same way begin check does
      Then I see the "Begin check" button
  
  @react
  Scenario: See camera module and close with the close icon
      Then I click the "Begin check" button
      And I click the "close-icon"
      Then I see the "Begin check" button

  @todo-react
  Scenario: See camera module and instructions
      Then I click the "Begin check" button
      And I see "liveness-detector" element
      And I see "connecting"
      And I see "Move closer"
      And I see "Face didn't fill oval within time limit."
      And I click the "Try again" button
      Then I see the "Begin check" button