Serenity/JS with Playwright Test
Report generated 22-11-2024 21:28:29

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 Nov 22, 2024 21:27:54
Tests Finished
Total Duration 0ms
Fastest Test 406ms
Slowest Test 4s
Average Execution Time 1s
Total Execution Time 29s

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 406ms
Number of Manual Test Cases 0 Slowest Test 4s
Tests Started Nov 22, 2024 21:27:54 Average Execution Time 1s
Tests Finished Total Execution Time 29s

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" 21:27:54 406ms 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" ] 21:27:54 530ms SUCCESS
Dropdown selects the desired options linux,Chrome 2 Tess selects [ 'First', 'Third' ] from dropdown Tess ensures that selected options does equal [ "First", "Third" ] 21:27:55 1s 095ms 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" } ] 21:27:56 1s 064ms 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" ] 21:27:57 1s 649ms 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" 21:27:58 1s 658ms 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" 21:28:01 1s 833ms 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" ] 21:28:03 506ms SUCCESS
Dropdown selects the desired options linux,Firefox 2 Tess selects [ 'First', 'Third' ] from dropdown Tess ensures that selected options does equal [ "First", "Third" ] 21:28:03 896ms 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" } ] 21:28:04 941ms 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" ] 21:28:05 1s 332ms 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" 21:28:06 1s 307ms 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" 21:28:09 4s 428ms 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" ] 21:28:13 1s 060ms 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" ] 21:28:15 2s 026ms 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" } ] 21:28:17 2s 029ms 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" ] 21:28:19 3s 058ms 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" 21:28:22 3s 183ms SUCCESS

Manual Tests

No manual tests were recorded
Serenity BDD version 4.1.20