Serenity/JS with Playwright Test
Report generated 18-02-2025 03:30:25

Test Results: All Tests

18 tests

Overview

Test Outcomes

Test Performance

Functional Coverage Overview

Features

Key Statistics

Number of Scenarios 18
Total Number of Test Cases 18
Tests Started Feb 18, 2025 03:29:51
Tests Finished
Total Duration 0ms
Fastest Test 436ms
Slowest Test 4s
Average Execution Time 1s
Total Execution Time 28s

Functional Coverage Details

Features

Feature Scenarios StepsText Test Cases % Pass Result Coverage
Dropdown 18 Tess ensures that placeholder of dropdown does eventually equal "Select option" Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] Tess selects [ 'First', 'Third' ] from dropdown Tess iterates over [ 'First', 'Third' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Third' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that selected options does equal [ "First", "Third" ] Tess selects [ 'First', 'Third' ] from dropdown Tess iterates over [ 'First', 'Third' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Third' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that [ { value: "first", label: "First" }, { value: "third", label: "Third" } ] does eventually equal [ { label: "First", value: "first" }, { label: "Third", value: "third" } ] Tess selects [ 'First', 'Third', 'Second' ] from dropdown Tess iterates over [ 'First', 'Third', 'Second' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Third' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess selects 'Second' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Second" Tess deselects [ 'First' ] from dropdown Tess iterates over [ 'First' ] Tess deselects 'First' from dropdown Tess clicks on deselect button of the first of page elements located by deep css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First" Tess ensures that selected options does equal [ "Third", "Second" ] Tess selects [ 'First', 'Second' ] from dropdown Tess iterates over [ 'First', 'Second' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Second' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Second" Tess deselects [ 'First', 'Second' ] from dropdown Tess iterates over [ 'First', 'Second' ] Tess deselects 'First' from dropdown Tess clicks on deselect button of the first of page elements located by deep css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First" Tess deselects 'Second' from dropdown Tess clicks on deselect button of the first of page elements located by deep css ('.dropdown-selected-option') of input field where Text does include "Second" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "Second" Tess ensures that 0 does equal 0 Tess ensures that placeholder of dropdown does equal "Select option" Tess ensures that placeholder of dropdown does eventually equal "Select option" Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] Tess selects [ 'First', 'Third' ] from dropdown Tess iterates over [ 'First', 'Third' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Third' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that selected options does equal [ "First", "Third" ] Tess selects [ 'First', 'Third' ] from dropdown Tess iterates over [ 'First', 'Third' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Third' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that [ { value: "first", label: "First" }, { value: "third", label: "Third" } ] does eventually equal [ { label: "First", value: "first" }, { label: "Third", value: "third" } ] Tess selects [ 'First', 'Third', 'Second' ] from dropdown Tess iterates over [ 'First', 'Third', 'Second' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Third' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess selects 'Second' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Second" Tess deselects [ 'First' ] from dropdown Tess iterates over [ 'First' ] Tess deselects 'First' from dropdown Tess clicks on deselect button of the first of page elements located by deep css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First" Tess ensures that selected options does equal [ "Third", "Second" ] Tess selects [ 'First', 'Second' ] from dropdown Tess iterates over [ 'First', 'Second' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Second' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Second" Tess deselects [ 'First', 'Second' ] from dropdown Tess iterates over [ 'First', 'Second' ] Tess deselects 'First' from dropdown Tess clicks on deselect button of the first of page elements located by deep css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First" Tess deselects 'Second' from dropdown Tess clicks on deselect button of the first of page elements located by deep css ('.dropdown-selected-option') of input field where Text does include "Second" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "Second" Tess ensures that 0 does equal 0 Tess ensures that placeholder of dropdown does equal "Select option" Tess ensures that placeholder of dropdown does eventually equal "Select option" Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] Tess selects [ 'First', 'Third' ] from dropdown Tess iterates over [ 'First', 'Third' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Third' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that selected options does equal [ "First", "Third" ] Tess selects [ 'First', 'Third' ] from dropdown Tess iterates over [ 'First', 'Third' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Third' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that [ { value: "first", label: "First" }, { value: "third", label: "Third" } ] does eventually equal [ { label: "First", value: "first" }, { label: "Third", value: "third" } ] Tess selects [ 'First', 'Third', 'Second' ] from dropdown Tess iterates over [ 'First', 'Third', 'Second' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Third' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess selects 'Second' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Second" Tess deselects [ 'First' ] from dropdown Tess iterates over [ 'First' ] Tess deselects 'First' from dropdown Tess clicks on deselect button of the first of page elements located by deep css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First" Tess ensures that selected options does equal [ "Third", "Second" ] Tess selects [ 'First', 'Second' ] from dropdown Tess iterates over [ 'First', 'Second' ] Tess selects 'First' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by deep css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "First" Tess selects 'Second' from dropdown Tess opens the dropdown Tess checks whether CSS classes of widget of dropdown does not contain "dropdown-expanded" Tess clicks on the first of page elements located by deep css ('.dropdown-available-option') of page element located by deep css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Second" Tess deselects [ 'First', 'Second' ] from dropdown Tess iterates over [ 'First', 'Second' ] Tess deselects 'First' from dropdown Tess clicks on deselect button of the first of page elements located by deep css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First" Tess deselects 'Second' from dropdown Tess clicks on deselect button of the first of page elements located by deep css ('.dropdown-selected-option') of input field where Text does include "Second" Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "Second" Tess ensures that 0 does equal 0 Tess ensures that placeholder of dropdown does equal "Select option" 18 100%

Key Statistics

Number of Scenarios 18 Total Duration 0ms
Total Number of Test Cases 18 Fastest Test 436ms
Number of Manual Test Cases 0 Slowest Test 4s
Tests Started Feb 18, 2025 03:29:51 Average Execution Time 1s
Tests Finished Total Execution Time 28s

Automated Scenarios

feature Scenario Context Steps StepsText Started Total Duration Result
Dropdown shows the placeholder when no option is selected yet linux,Chrome 1 Tess ensures that placeholder of dropdown does eventually equal "Select option" 03:29:51 436ms SUCCESS
Dropdown shows the available options when the menu is expanded linux,Chrome 2 Tess opens the dropdown Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] 03:29:51 541ms SUCCESS
Dropdown selects the desired options linux,Chrome 2 Tess selects [ 'First', 'Third' ] from dropdown Tess ensures that selected options does equal [ "First", "Third" ] 03:29:52 1s 092ms SUCCESS
Dropdown triggers onChange with selected options linux,Chrome 2 Tess selects [ 'First', 'Third' ] from dropdown Tess ensures that [ { value: "first", label: "First" }, { value: "third", label: "Third" } ] does eventually equal [ { label: "First", value: "first" }, { label: "Third", value: "third" } ] 03:29:53 1s 084ms SUCCESS
Dropdown allows for selected options to be deselected linux,Chrome 3 Tess selects [ 'First', 'Third', 'Second' ] from dropdown Tess deselects [ 'First' ] from dropdown Tess ensures that selected options does equal [ "Third", "Second" ] 03:29:54 1s 634ms SUCCESS
Dropdown goes back to showing the placeholder when all the selected options get deselected linux,Chrome 4 Tess selects [ 'First', 'Second' ] from dropdown Tess deselects [ 'First', 'Second' ] from dropdown Tess ensures that 0 does equal 0 Tess ensures that placeholder of dropdown does equal "Select option" 03:29:55 1s 605ms SUCCESS
Dropdown shows the placeholder when no option is selected yet linux,Firefox 1 Tess ensures that placeholder of dropdown does eventually equal "Select option" 03:29:58 1s 433ms SUCCESS
Dropdown shows the available options when the menu is expanded linux,Firefox 2 Tess opens the dropdown Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] 03:29:59 490ms SUCCESS
Dropdown selects the desired options linux,Firefox 2 Tess selects [ 'First', 'Third' ] from dropdown Tess ensures that selected options does equal [ "First", "Third" ] 03:30:00 890ms SUCCESS
Dropdown triggers onChange with selected options linux,Firefox 2 Tess selects [ 'First', 'Third' ] from dropdown Tess ensures that [ { value: "first", label: "First" }, { value: "third", label: "Third" } ] does eventually equal [ { label: "First", value: "first" }, { label: "Third", value: "third" } ] 03:30:01 903ms SUCCESS
Dropdown allows for selected options to be deselected linux,Firefox 3 Tess selects [ 'First', 'Third', 'Second' ] from dropdown Tess deselects [ 'First' ] from dropdown Tess ensures that selected options does equal [ "Third", "Second" ] 03:30:02 1s 295ms SUCCESS
Dropdown goes back to showing the placeholder when all the selected options get deselected linux,Firefox 4 Tess selects [ 'First', 'Second' ] from dropdown Tess deselects [ 'First', 'Second' ] from dropdown Tess ensures that 0 does equal 0 Tess ensures that placeholder of dropdown does equal "Select option" 03:30:03 1s 246ms SUCCESS
Dropdown shows the placeholder when no option is selected yet linux,Safari or WebKit 1 Tess ensures that placeholder of dropdown does eventually equal "Select option" 03:30:05 4s 265ms SUCCESS
Dropdown shows the available options when the menu is expanded linux,Safari or WebKit 2 Tess opens the dropdown Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] 03:30:10 1s 355ms SUCCESS
Dropdown selects the desired options linux,Safari or WebKit 2 Tess selects [ 'First', 'Third' ] from dropdown Tess ensures that selected options does equal [ "First", "Third" ] 03:30:11 2s 031ms SUCCESS
Dropdown triggers onChange with selected options linux,Safari or WebKit 2 Tess selects [ 'First', 'Third' ] from dropdown Tess ensures that [ { value: "first", label: "First" }, { value: "third", label: "Third" } ] does eventually equal [ { label: "First", value: "first" }, { label: "Third", value: "third" } ] 03:30:13 1s 985ms SUCCESS
Dropdown allows for selected options to be deselected linux,Safari or WebKit 3 Tess selects [ 'First', 'Third', 'Second' ] from dropdown Tess deselects [ 'First' ] from dropdown Tess ensures that selected options does equal [ "Third", "Second" ] 03:30:15 2s 977ms SUCCESS
Dropdown goes back to showing the placeholder when all the selected options get deselected linux,Safari or WebKit 4 Tess selects [ 'First', 'Second' ] from dropdown Tess deselects [ 'First', 'Second' ] from dropdown Tess ensures that 0 does equal 0 Tess ensures that placeholder of dropdown does equal "Select option" 03:30:18 3s 173ms SUCCESS

Manual Tests

No manual tests were recorded
Serenity BDD version 4.2.12