Serenity/JS with Playwright Test
Home > Browser > Chromium 131.0.6778.33
Report generated 22-11-2024 21:28:29

Browser: Chromium 131.0.6778.33

6 tests |

Overview

Test Outcomes

Test Performance

Functional Coverage Overview

Features

Key Statistics

Number of Scenarios 6
Total Number of Test Cases 6
Tests Started Nov 22, 2024 21:27:54
Tests Finished
Total Duration 0ms
Fastest Test 406ms
Slowest Test 1s
Average Execution Time 1s
Total Execution Time 6s

Functional Coverage Details

Features

Feature Scenarios StepsText Test Cases % Pass Result Coverage
Dropdown 6 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" 6 100%

Key Statistics

Number of Scenarios 6 Total Duration 0ms
Total Number of Test Cases 6 Fastest Test 406ms
Number of Manual Test Cases 0 Slowest Test 1s
Tests Started Nov 22, 2024 21:27:54 Average Execution Time 1s
Tests Finished Total Execution Time 6s

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

Manual Tests

No manual tests were recorded
Serenity BDD version 4.1.20