Screenshots

Home > Dropdown > triggers onChange with selected options - webkit > Screenshots

Report generated 19-05-2026 22:41

Dropdown Capability

Dropdown/Dropdown (feature)

Chromium (project)

Webkit (project)

Linux 6.17.0-1013-Azure (platform)

Components/Dropdown/Dropdown (feature)

1 To 10 Seconds (Duration)

Firefox 146.0.1 (browser)

Chromium 145.0.7632.6 (browser)

Webkit 26.0 (browser)

Components (theme)

Components (theme)

Firefox (project)

triggers onChange with selected options - webkit

Scenario:

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 clicks on input field

Tess clicks on input field

Tess clicks on input field (completed)

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

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

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

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

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 takes notes:
- selectedOptions: [ "First" ]

Tess takes notes:
- selectedOptions: [ "First" ]

Tess takes notes:
- selectedOptions: [ "First" ] (completed)

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

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

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 clicks on input field

Tess clicks on input field

Tess clicks on input field (completed)

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

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

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

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

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 takes notes:
- selectedOptions: [ "First", "Third" ]

Tess takes notes:
- selectedOptions: [ "First", "Third" ]

Tess takes notes:
- selectedOptions: [ "First", "Third" ] (completed)

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

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

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ]

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ]

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ]

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ] (completed)

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 clicks on input field

Tess clicks on input field

Tess clicks on input field (completed)

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

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

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

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

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 takes notes:
- selectedOptions: [ "First" ]

Tess takes notes:
- selectedOptions: [ "First" ]

Tess takes notes:
- selectedOptions: [ "First" ] (completed)

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

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

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 clicks on input field

Tess clicks on input field

Tess clicks on input field (completed)

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

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

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

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

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 takes notes:
- selectedOptions: [ "First", "Third" ]

Tess takes notes:
- selectedOptions: [ "First", "Third" ]

Tess takes notes:
- selectedOptions: [ "First", "Third" ] (completed)

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

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

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ]

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ]

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ]

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ] (completed)

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 clicks on input field

Tess clicks on input field

Tess clicks on input field (completed)

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

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

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

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

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 takes notes:
- selectedOptions: [ "First" ]

Tess takes notes:
- selectedOptions: [ "First" ]

Tess takes notes:
- selectedOptions: [ "First" ] (completed)

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

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

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 clicks on input field

Tess clicks on input field

Tess clicks on input field (completed)

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

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

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

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

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 takes notes:
- selectedOptions: [ "First", "Third" ]

Tess takes notes:
- selectedOptions: [ "First", "Third" ]

Tess takes notes:
- selectedOptions: [ "First", "Third" ] (completed)

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

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

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ]

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ]

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ]

Tess ensures that [ "First", "Third" ] does eventually equal [ "First", "Third" ] (completed): <span class='success-color'>SUCCESS</span>

Serenity BDD version 4.2.34