allows for selected options to be deselected

#	Retries
1	Attempt #1
2	Attempt #1
3	Attempt #1
4	Attempt #2

Steps

Screenshots

Outcome

allows for selected options to be deselected #1 - Retries: Attempt #1

SUCCESS

3s 748ms

Tess selects [ 'First', 'Third', 'Second' ] from dropdown

SUCCESS

2s 835ms

Tess iterates over [ 'First', 'Third', 'Second' ]

SUCCESS

2s 825ms

Tess selects 'First' from dropdown

SUCCESS

906ms

Tess opens the dropdown

SUCCESS

467ms

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"

SUCCESS

078ms

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"

SUCCESS

007ms

Tess selects 'Third' from dropdown

SUCCESS

912ms

Tess opens the dropdown

SUCCESS

451ms

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"

SUCCESS

090ms

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"

SUCCESS

009ms

Tess selects 'Second' from dropdown

SUCCESS

916ms

Tess opens the dropdown

SUCCESS

459ms

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"

SUCCESS

091ms

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"

SUCCESS

013ms

Tess deselects [ 'First' ] from dropdown

SUCCESS

486ms

Tess iterates over [ 'First' ]

SUCCESS

475ms

Tess deselects 'First' from dropdown

SUCCESS

441ms

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

SUCCESS

009ms

allows for selected options to be deselected #2 - Retries: Attempt #1

SUCCESS

2s 948ms

Tess selects [ 'First', 'Third', 'Second' ] from dropdown

SUCCESS

2s 119ms

Tess iterates over [ 'First', 'Third', 'Second' ]

SUCCESS

2s 108ms

Tess selects 'First' from dropdown

SUCCESS

652ms

Tess opens the dropdown

SUCCESS

333ms

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"

SUCCESS

112ms

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"

SUCCESS

009ms

Tess selects 'Third' from dropdown

SUCCESS

657ms

Tess opens the dropdown

SUCCESS

338ms

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"

SUCCESS

107ms

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"

SUCCESS

013ms

Tess selects 'Second' from dropdown

SUCCESS

704ms

Tess opens the dropdown

SUCCESS

335ms

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"

SUCCESS

123ms

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"

SUCCESS

019ms

Tess deselects [ 'First' ] from dropdown

SUCCESS

342ms

Tess iterates over [ 'First' ]

SUCCESS

331ms

Tess deselects 'First' from dropdown

SUCCESS

304ms

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

SUCCESS

013ms

allows for selected options to be deselected #3 - Retries: Attempt #1

ERROR

10s 451ms

Tess selects [ 'First', 'Third', 'Second' ] from dropdown

SUCCESS

10s 215ms

Tess iterates over [ 'First', 'Third', 'Second' ]

SUCCESS

10s 204ms

Tess selects 'First' from dropdown

SUCCESS

3s 604ms

Tess opens the dropdown

SUCCESS

1s 796ms

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"

SUCCESS

097ms

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"

SUCCESS

009ms

Tess selects 'Third' from dropdown

SUCCESS

3s 615ms

Tess opens the dropdown

SUCCESS

1s 820ms

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"

SUCCESS

093ms

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"

SUCCESS

009ms

Tess selects 'Second' from dropdown

SUCCESS

2s 882ms

Tess opens the dropdown

SUCCESS

1s 820ms

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"

SUCCESS

093ms

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"

SUCCESS

014ms

Tess deselects [ 'First' ] from dropdown

ERROR

Tess iterates over [ 'First' ]

ERROR

Tess deselects 'First' from dropdown

ERROR

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"

ERROR

092ms

Error: locator.click: Test timeout of 10000ms exceeded.
Call log:
- waiting for locator('.dropdown-input').locator('.dropdown-selected-option').first().locator('.dropdown-deselect-option')
- locator resolved to <span class="dropdown-deselect-option">…</span>
- attempting click action
- waiting for element to be visible, enabled and stable
- element is visible, enabled and stable
- scrolling into view if needed
- done scrolling

More details

Error

.PlaywrightPageElement.click()(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/node_modules/@serenity-js/playwright/src/screenplay/models/PlaywrightPageElement.ts:43)
.Click.performAs()(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/node_modules/@serenity-js/web/src/screenplay/interactions/Click.ts:74)
.PerformActivitiesAsPlaywrightSteps.perform()(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/node_modules/@serenity-js/core/src/screenplay/abilities/PerformActivities.ts:60)
.PerformActivitiesAsPlaywrightSteps.perform()(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/node_modules/@serenity-js/playwright-test/src/api/PerformActivitiesAsPlaywrightSteps.ts:38)
.PerformActivitiesAsPlaywrightSteps.perform()(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/node_modules/@serenity-js/core/src/screenplay/abilities/PerformActivities.ts:60)
.PerformActivitiesAsPlaywrightSteps.perform()(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/node_modules/@serenity-js/playwright-test/src/api/PerformActivitiesAsPlaywrightSteps.ts:38)
.ForEachLoop.performAs()(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/node_modules/@serenity-js/core/src/screenplay/questions/List.ts:391)
.PerformActivitiesAsPlaywrightSteps.perform()(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/node_modules/@serenity-js/core/src/screenplay/abilities/PerformActivities.ts:60)
.PerformActivitiesAsPlaywrightSteps.perform()(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/node_modules/@serenity-js/playwright-test/src/api/PerformActivitiesAsPlaywrightSteps.ts:38)
.PerformActivitiesAsPlaywrightSteps.perform()(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/node_modules/@serenity-js/core/src/screenplay/abilities/PerformActivities.ts:60)
.PerformActivitiesAsPlaywrightSteps.perform()(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/node_modules/@serenity-js/playwright-test/src/api/PerformActivitiesAsPlaywrightSteps.ts:38)
.(/__w/serenity-js-playwright-ct-react-template/serenity-js-playwright-ct-react-template/src/components/Dropdown/Dropdown.spec.tsx:102)

allows for selected options to be deselected #4 - Retries: Attempt #2

SUCCESS

6s 266ms

Tess selects [ 'First', 'Third', 'Second' ] from dropdown

SUCCESS

4s 846ms

Tess iterates over [ 'First', 'Third', 'Second' ]

SUCCESS

4s 833ms

Tess selects 'First' from dropdown

SUCCESS

1s 508ms

Tess opens the dropdown

SUCCESS

833ms

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"

SUCCESS

126ms

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"

SUCCESS

056ms

Tess selects 'Third' from dropdown

SUCCESS

1s 581ms

Tess opens the dropdown

SUCCESS

867ms

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"

SUCCESS

107ms

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"

SUCCESS

119ms

Tess selects 'Second' from dropdown

SUCCESS

1s 589ms

Tess opens the dropdown

SUCCESS

848ms

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"

SUCCESS

091ms

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"

SUCCESS

143ms

Tess deselects [ 'First' ] from dropdown