Screenshots

Home > Dropdown > goes back to showing the placeholder when all the selected options get deselected - webkit > Screenshots

Report generated 16-07-2025 13:00

Dropdown Capability

Dropdown/Dropdown (feature)

Chromium (project)

Chromium 139.0.7258.5 (browser)

Webkit (project)

Components/Dropdown/Dropdown (feature)

1 To 10 Seconds (Duration)

Linux 6.11.0-1018-Azure (platform)

Webkit 26.0 (browser)

Components (theme)

Components (theme)

Firefox (project)

Firefox 140.0.2 (browser)

goes back to showing the placeholder when all the selected options get deselected - webkit

Scenario:

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 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 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

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 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"

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"

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 '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 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 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

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 "Second"

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

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 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 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 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 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 clicks on deselect button of the first of page elements located by css ('.dropdown-selected-option') of input field where Text does include "First" (completed)

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

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

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 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 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 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 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 clicks on deselect button of the first of page elements located by css ('.dropdown-selected-option') of input field where Text does include "Second" (completed)

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

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

Tess ensures that 0 does equal 0

Tess ensures that 0 does equal 0

Tess ensures that 0 does equal 0

Tess ensures that 0 does equal 0

Tess ensures that 0 does equal 0

Tess ensures that 0 does equal 0 (completed)

Tess ensures that placeholder of dropdown does equal "Select option"

Tess ensures that placeholder of dropdown does equal "Select option"

Tess ensures that placeholder of dropdown does equal "Select option"

Tess ensures that placeholder of dropdown does equal "Select option"

Tess ensures that placeholder of dropdown does equal "Select option"

Tess ensures that placeholder of dropdown does equal "Select option" (completed)

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 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 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

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 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"

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"

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 '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 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 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

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 "Second"

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

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 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 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 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 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 clicks on deselect button of the first of page elements located by css ('.dropdown-selected-option') of input field where Text does include "First" (completed)

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

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

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 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 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 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 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 clicks on deselect button of the first of page elements located by css ('.dropdown-selected-option') of input field where Text does include "Second" (completed)

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

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

Tess ensures that 0 does equal 0

Tess ensures that 0 does equal 0

Tess ensures that 0 does equal 0

Tess ensures that 0 does equal 0

Tess ensures that 0 does equal 0

Tess ensures that 0 does equal 0 (completed)

Tess ensures that placeholder of dropdown does equal "Select option"

Tess ensures that placeholder of dropdown does equal "Select option"

Tess ensures that placeholder of dropdown does equal "Select option"

Tess ensures that placeholder of dropdown does equal "Select option"

Tess ensures that placeholder of dropdown does equal "Select option"

Tess ensures that placeholder of dropdown does equal "Select option" (completed)

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

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 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 (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 "Second"

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

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 clicks on deselect button of the first of page elements located by css ('.dropdown-selected-option') of input field where Text does include "First" (completed)

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

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

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 clicks on deselect button of the first of page elements located by css ('.dropdown-selected-option') of input field where Text does include "Second" (completed)

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

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

Tess ensures that 0 does equal 0

Tess ensures that 0 does equal 0 (completed)

Tess ensures that placeholder of dropdown does equal "Select option"

Tess ensures that placeholder of dropdown does equal "Select option" (completed): <span class='success-color'>SUCCESS</span>

Serenity BDD version 4.2.34