Serenity/JS with Playwright Test
Home > Project > Firefox
Report generated 21-06-2025 02:12:01

Project: Firefox

19 tests |

Overview

Test Outcomes

Test Performance

Functional Coverage Overview

Features

Key Statistics

Number of Scenarios 6
Total Number of Test Cases 19
Tests Started Jun 21, 2025 02:10:37
Tests Finished Jun 21, 2025 02:11:55
Total Duration 1m 18s
Fastest Test 425ms
Slowest Test 11s
Average Execution Time 3s
Total Execution Time 4m 57s

Functional Coverage Details

Features

Feature Scenarios StepsText Test Cases % Pass Result Coverage
Components > components > dropdown > Dropdown 6 shows the placeholder when no option is selected yet #1 - Retries: Attempt #1 Tess ensures that placeholder of dropdown does eventually equal "Select option" shows the placeholder when no option is selected yet #2 - Retries: Attempt #1 Tess ensures that placeholder of dropdown does eventually equal "Select option" shows the placeholder when no option is selected yet #3 - Retries: Attempt #1 Tess ensures that placeholder of dropdown does eventually equal "Select option" shows the available options when the menu is expanded #1 - Retries: Attempt #1 Tess opens the dropdown Tess checks whether CSS classes of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] shows the available options when the menu is expanded #2 - Retries: Attempt #1 Tess opens the dropdown Tess checks whether CSS classes of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] shows the available options when the menu is expanded #3 - Retries: Attempt #1 Tess opens the dropdown Tess checks whether CSS classes of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] selects the desired options #1 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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" ] selects the desired options #2 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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" ] selects the desired options #3 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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" ] triggers onChange with selected options #1 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess takes notes: - selectedOptions: [ "First" ] Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess takes notes: - selectedOptions: [ "First", "Third" ] Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ] triggers onChange with selected options #2 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess takes notes: - selectedOptions: [ "First" ] Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess takes notes: - selectedOptions: [ "First", "Third" ] Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ] triggers onChange with selected options #3 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess takes notes: - selectedOptions: [ "First" ] Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess takes notes: - selectedOptions: [ "First", "Third" ] Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ] allows for selected options to be deselected #1 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does not contain "First" Tess ensures that selected options does equal [ "Third", "Second" ] allows for selected options to be deselected #2 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does not contain "First" Tess ensures that selected options does equal [ "Third", "Second" ] allows for selected options to be deselected #3 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does not contain "First" allows for selected options to be deselected #4 - Retries: Attempt #2 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does not contain "First" Tess ensures that selected options does equal [ "Third", "Second" ] goes back to showing the placeholder when all the selected options get deselected #1 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "Second" Tess ensures that the text of page elements located by 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" goes back to showing the placeholder when all the selected options get deselected #2 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "Second" Tess ensures that the text of page elements located by 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" goes back to showing the placeholder when all the selected options get deselected #3 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "Second" Tess ensures that the text of page elements located by 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" 19 95%
Components > dropdown > Dropdown 6 shows the placeholder when no option is selected yet #1 - Retries: Attempt #1 Tess ensures that placeholder of dropdown does eventually equal "Select option" shows the placeholder when no option is selected yet #2 - Retries: Attempt #1 Tess ensures that placeholder of dropdown does eventually equal "Select option" shows the placeholder when no option is selected yet #3 - Retries: Attempt #1 Tess ensures that placeholder of dropdown does eventually equal "Select option" shows the available options when the menu is expanded #1 - Retries: Attempt #1 Tess opens the dropdown Tess checks whether CSS classes of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] shows the available options when the menu is expanded #2 - Retries: Attempt #1 Tess opens the dropdown Tess checks whether CSS classes of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] shows the available options when the menu is expanded #3 - Retries: Attempt #1 Tess opens the dropdown Tess checks whether CSS classes of dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess ensures that available options of dropdown does eventually equal [ "First", "Second", "Third" ] selects the desired options #1 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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" ] selects the desired options #2 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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" ] selects the desired options #3 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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" ] triggers onChange with selected options #1 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess takes notes: - selectedOptions: [ "First" ] Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess takes notes: - selectedOptions: [ "First", "Third" ] Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ] triggers onChange with selected options #2 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess takes notes: - selectedOptions: [ "First" ] Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess takes notes: - selectedOptions: [ "First", "Third" ] Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ] triggers onChange with selected options #3 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess takes notes: - selectedOptions: [ "First" ] Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess takes notes: - selectedOptions: [ "First", "Third" ] Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does contain at least one item that does start with "Third" Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ] allows for selected options to be deselected #1 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does not contain "First" Tess ensures that selected options does equal [ "Third", "Second" ] allows for selected options to be deselected #2 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does not contain "First" Tess ensures that selected options does equal [ "Third", "Second" ] allows for selected options to be deselected #3 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does not contain "First" allows for selected options to be deselected #4 - Retries: Attempt #2 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Third" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by css ('.dropdown-selected-option') of input field does not contain "First" Tess ensures that selected options does equal [ "Third", "Second" ] goes back to showing the placeholder when all the selected options get deselected #1 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "Second" Tess ensures that the text of page elements located by 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" goes back to showing the placeholder when all the selected options get deselected #2 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "Second" Tess ensures that the text of page elements located by 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" goes back to showing the placeholder when all the selected options get deselected #3 - Retries: Attempt #1 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "First" Tess ensures that the text of page elements located by 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 dropdown does not contain "dropdown-expanded" Tess clicks on input field Tess waits until page element located by css ('.dropdown-available-options') does become visible Tess clicks on the first of page elements located by css ('.dropdown-available-option') of page element located by css ('.dropdown-available-options') where Text does include "Second" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "First" Tess ensures that the text of page elements located by 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 css ('.dropdown-selected-option') of input field where Text does include "Second" Tess ensures that the text of page elements located by 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" 19 95%

Tags

Browser
Capability
Feature
Platform
Project
Theme

Key Statistics

Number of Scenarios 6 Total Duration 1m 18s
Total Number of Test Cases 19 Fastest Test 425ms
Number of Manual Test Cases 0 Slowest Test 11s
Tests Started Jun 21, 2025 02:10:37 Average Execution Time 3s
Tests Finished Jun 21, 2025 02:11:55 Total Execution Time 4m 57s

Automated Scenarios

feature Scenario Context Steps StepsText Started Total Duration Result
Dropdown shows the placeholder when no option is selected yet - webkit
3 passing test cases
linux,Chrome,Firefox,Safari or WebKit 3 shows the placeholder when no option is selected yet #1 - Retries: Attempt #1 shows the placeholder when no option is selected yet #2 - Retries: Attempt #1 shows the placeholder when no option is selected yet #3 - Retries: Attempt #1 02:10:37 37s 343ms SUCCESS
Dropdown shows the available options when the menu is expanded - webkit
3 passing test cases
linux,Chrome,Firefox,Safari or WebKit 3 shows the available options when the menu is expanded #1 - Retries: Attempt #1 shows the available options when the menu is expanded #2 - Retries: Attempt #1 shows the available options when the menu is expanded #3 - Retries: Attempt #1 02:10:37 39s 099ms SUCCESS
Dropdown selects the desired options - webkit
3 passing test cases
linux,Chrome,Firefox,Safari or WebKit 3 selects the desired options #1 - Retries: Attempt #1 selects the desired options #2 - Retries: Attempt #1 selects the desired options #3 - Retries: Attempt #1 02:10:38 43s 984ms SUCCESS
Dropdown triggers onChange with selected options - webkit
3 passing test cases
linux,Chrome,Firefox,Safari or WebKit 3 triggers onChange with selected options #1 - Retries: Attempt #1 triggers onChange with selected options #2 - Retries: Attempt #1 triggers onChange with selected options #3 - Retries: Attempt #1 02:10:41 49s 745ms SUCCESS
Dropdown allows for selected options to be deselected - webkit
3 passing test cases
1 ignored test case
linux,Chrome,Firefox,Safari or WebKit 4 allows for selected options to be deselected #1 - Retries: Attempt #1 allows for selected options to be deselected #2 - Retries: Attempt #1 allows for selected options to be deselected #3 - Retries: Attempt #1 allows for selected options to be deselected #4 - Retries: Attempt #2 02:10:45 1m 4s SUCCESS
Dropdown goes back to showing the placeholder when all the selected options get deselected - webkit
3 passing test cases
linux,Chrome,Firefox,Safari or WebKit 3 goes back to showing the placeholder when all the selected options get deselected #1 - Retries: Attempt #1 goes back to showing the placeholder when all the selected options get deselected #2 - Retries: Attempt #1 goes back to showing the placeholder when all the selected options get deselected #3 - Retries: Attempt #1 02:10:51 1m 4s SUCCESS

Manual Tests

No manual tests were recorded

Tags

Browser
Capability
Feature
Platform
Project
Theme
Serenity BDD version 4.2.30