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

Browser: Webkit 18.2

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:28:09
Tests Finished
Total Duration 0ms
Fastest Test 1s
Slowest Test 4s
Average Execution Time 2s
Total Execution Time 15s

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 1s
Number of Manual Test Cases 0 Slowest Test 4s
Tests Started Nov 22, 2024 21:28:09 Average Execution Time 2s
Tests Finished Total Execution Time 15s

Automated Scenarios

feature Scenario Context Steps StepsText Started Total Duration Result
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