Screenshots

Home > Form-Based Authentication > Using username and password to log in > Screenshots

Report generated 07-08-2025 14:18

Form-Based Authentication Feature

In order to learn how to use Serenity/JS with Cucumber and WebdriverIO
As a Curious Developer
I'd like to see an example

Form-Based Authentication (feature)

1 To 10 Seconds (Duration)

Linux (platform)

Authentication (capability)

Chrome 139.0.7258.66 (browser)

Using username and password to log in

Scenario:

When she logs in using "<username>" and "<password>"
Then she should see that authentication has <outcome>

Using username and password to log in #1 - username: tomsmith, password: SuperSecretPassword!, outcome: succeeded

Given Alice starts with the "Form Authentication" example

Alice navigates to "/"

Alice picks example called Form Authentication

Alice clicks on the first of available examples where Text does equal "Form Authentication"

When she logs in using "tomsmith" and "SuperSecretPassword!"

Alice logs in as tomsmith

Alice enters "tomsmith" into username field

Alice enters "SuperSecretPassword!" into password field

Alice clicks on login button

Then she should see that authentication has succeeded

Alice verifies that authentication has succeeded

Alice verifies that flash alert is present

Alice ensures that flash message does become visible

Alice ensures that the text of flash message does include "You logged into a secure area!"

Using username and password to log in #2 - username: foobar, password: barfoo, outcome: failed

Given Alice starts with the "Form Authentication" example

Alice navigates to "/"

Alice picks example called Form Authentication

Alice clicks on the first of available examples where Text does equal "Form Authentication"

When she logs in using "foobar" and "barfoo"

Alice logs in as foobar

Alice enters "foobar" into username field

Alice enters "barfoo" into password field

Alice clicks on login button

Then she should see that authentication has failed

Alice verifies that authentication has failed

Alice verifies that flash alert is present

Alice ensures that flash message does become visible

Alice ensures that the text of flash message does include "Your username is invalid!": <span class='success-color'>SUCCESS</span>

Serenity BDD version 4.2.34