Screenshots

Home > Dropdown > allows for selected options to be deselected - webkit > Screenshots

Report generated 23-08-2025 00:32

Dropdown Capability

Dropdown/Dropdown (feature)

Chromium (project)

Components/Dropdown/Dropdown (feature)

10 To 30 Seconds (Duration)

Webkit 26.0 (browser)

Components (theme)

Webkit (project)

1 To 10 Seconds (Duration)

Linux 6.11.0-1018-Azure (platform)

Firefox 141.0 (browser)

Components (theme)

Chromium 140.0.7339.16 (browser)

Firefox (project)

allows for selected options to be deselected - webkit

Scenario:

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 widget of dropdown does not contain "dropdown-expanded"

Tess clicks on input field

Tess clicks on input field

Tess clicks on input field

Tess clicks on input field

Tess clicks on input field (completed)

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible (completed)

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

Tess selects 'Third' from dropdown

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

Tess selects 'Second' from dropdown

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

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 the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "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 the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First"

Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First" (completed)

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ] (completed)

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 widget of dropdown does not contain "dropdown-expanded"

Tess clicks on input field

Tess clicks on input field

Tess clicks on input field

Tess clicks on input field

Tess clicks on input field (completed)

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible (completed)

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

Tess selects 'Third' from dropdown

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

Tess selects 'Second' from dropdown

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

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 the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "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 the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First"

Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First" (completed)

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ] (completed)

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 widget of dropdown does not contain "dropdown-expanded"

Tess clicks on input field

Tess clicks on input field

Tess clicks on input field

Tess clicks on input field

Tess clicks on input field (completed)

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible

Tess waits until page element located by deep css ('.dropdown-available-options') does become visible (completed)

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

Tess selects 'Third' from dropdown

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

Tess selects 'Second' from dropdown

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

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 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 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 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 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" (completed)

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 the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "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 the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First"

Tess ensures that the text of page elements located by deep css ('.dropdown-selected-option') of input field does not contain "First" (completed)

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ]

Tess ensures that selected options does equal [ "Third", "Second" ] (completed)

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 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 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 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" ]: <span class='success-color'>SUCCESS</span>

Serenity BDD version 4.2.34