1) [chromium] › Autocomplete/default.spec.ts:102:11 › Autocomplete › when the component is focused › and `hr` is typed › sets the value to the highlighted item when pressing tab Error: Timed out 5000ms waiting for expect(locator).toHaveValue(expected) Locator: locator('[data-testid="select-input"]') Expected string: "Three" Received string: "hr" Call log: - expect.toHaveValue with timeout 5000ms - waiting for locator('[data-testid="select-input"]') - locator resolved to <input value="hr" autocomplete="off" aria-autocomplete="list" data-testid="select-input" aria-controls="downshift-0-menu" id="autocomplete-fcaad920-8ab8-48b2-be59-dfd29f26b541" aria-labelledby="label-f51571bf-ab15-4653-968f-8091236bebdc" class="StyledInput-sc-z89wie-0 StyledInput-sc-1qhnfu9-0 gVjffL cnAcaE"/> - unexpected value "hr" - locator resolved to <input value="hr" autocomplete="off" aria-autocomplete="list" data-testid="select-input" aria-controls="downshift-0-menu" id="autocomplete-fcaad920-8ab8-48b2-be59-dfd29f26b541" aria-labelledby="label-f51571bf-ab15-4653-968f-8091236bebdc" class="StyledInput-sc-z89wie-0 StyledInput-sc-1qhnfu9-0 gVjffL cnAcaE"/> - unexpected value "hr" - locator resolved to <input value="hr" autocomplete="off" aria-autocomplete="list" data-testid="select-input" aria-controls="downshift-0-menu" id="autocomplete-fcaad920-8ab8-48b2-be59-dfd29f26b541" aria-labelledby="label-f51571bf-ab15-4653-968f-8091236bebdc" class="StyledInput-sc-z89wie-0 StyledInput-sc-1qhnfu9-0 gVjffL cnAcaE"/> - unexpected value "hr" - locator resolved to <input value="hr" autocomplete="off" aria-autocomplete="list" data-testid="select-input" aria-controls="downshift-0-menu" id="autocomplete-fcaad920-8ab8-48b2-be59-dfd29f26b541" aria-labelledby="label-f51571bf-ab15-4653-968f-8091236bebdc" class="StyledInput-sc-z89wie-0 StyledInput-sc-1qhnfu9-0 gVjffL cnAcaE"/> - unexpected value "hr" - locator resolved to <input value="hr" autocomplete="off" aria-autocomplete="list" data-testid="select-input" aria-controls="downshift-0-menu" id="autocomplete-fcaad920-8ab8-48b2-be59-dfd29f26b541" aria-labelledby="label-f51571bf-ab15-4653-968f-8091236bebdc" class="StyledInput-sc-z89wie-0 StyledInput-sc-1qhnfu9-0 gVjffL cnAcaE"/> - unexpected value "hr" - locator resolved to <input value="hr" autocomplete="off" aria-autocomplete="list" data-testid="select-input" aria-controls="downshift-0-menu" id="autocomplete-fcaad920-8ab8-48b2-be59-dfd29f26b541" aria-labelledby="label-f51571bf-ab15-4653-968f-8091236bebdc" class="StyledInput-sc-z89wie-0 StyledInput-sc-1qhnfu9-0 gVjffL cnAcaE"/> - unexpected value "hr" - locator resolved to <input value="hr" autocomplete="off" aria-autocomplete="list" data-testid="select-input" aria-controls="downshift-0-menu" id="autocomplete-fcaad920-8ab8-48b2-be59-dfd29f26b541" aria-labelledby="label-f51571bf-ab15-4653-968f-8091236bebdc" class="StyledInput-sc-z89wie-0 StyledInput-sc-1qhnfu9-0 gVjffL cnAcaE"/> - unexpected value "hr" - locator resolved to <input value="hr" autocomplete="off" aria-autocomplete="list" data-testid="select-input" aria-controls="downshift-0-menu" id="autocomplete-fcaad920-8ab8-48b2-be59-dfd29f26b541" aria-labelledby="label-f51571bf-ab15-4653-968f-8091236bebdc" class="StyledInput-sc-z89wie-0 StyledInput-sc-1qhnfu9-0 gVjffL cnAcaE"/> - unexpected value "hr" - locator resolved to <input value="hr" autocomplete="off" aria-autocomplete="list" data-testid="select-input" aria-controls="downshift-0-menu" id="autocomplete-fcaad920-8ab8-48b2-be59-dfd29f26b541" aria-labelledby="label-f51571bf-ab15-4653-968f-8091236bebdc" class="StyledInput-sc-z89wie-0 StyledInput-sc-1qhnfu9-0 gVjffL cnAcaE"/> - unexpected value "hr" 104 | }) => { 105 | await page.keyboard.press('Tab') > 106 | await expect(page.locator(selectors.input)).toHaveValue('Three') | ^ 107 |

2) [chromium] › forms/empty.spec.ts:112:15 › Form examples, empty › react-hook-form › when the form is filled in correctly › and the form is submitted › submits the form values Error: expect(received).toEqual(expected) // deep equality - Expected - 2 + Received + 2 Object { "description": "Hello, World!", "email": "[email protected]", - "exampleAutocomplete": "four", + "exampleAutocomplete": null, "exampleCheckbox": Array [ "Option 2", ], "exampleDatePicker": "2022-01-31T12:00:00.000Z", "exampleNumberInput": 1, "exampleRadio": "Option 1", "exampleRangeSlider": Array [ - 28, + 20, ], "exampleSelect": "three", "exampleSwitch": "1", "password": "password", } 117 | .textContent() 118 | > 119 | await expect(JSON.parse(submittedValues as string)).toEqual( | ^ 120 | expectedResult 121 | ) 122 | }) at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/empty.spec.ts:119:65

3) [chromium] › forms/prepopulated.spec.ts:128:15 › Form examples, pre-populated › Formik › when the form data is edited › and the form is submitted › submits the form values Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 1 @@ -1,9 +1,9 @@ Object { "description": "Hello, World!", "email": "[email protected]", - "exampleAutocomplete": "four", + "exampleAutocomplete": "two", "exampleCheckbox": Array [ "Option 1", "Option 2", ], "exampleDatePicker": "2022-01-31T12:00:00.000Z", 135 | parsedValues.exampleCheckbox.sort() 136 | > 137 | await expect(parsedValues).toEqual(expectedEditedResult) | ^ 138 | }) 139 | }) 140 | }) at /home/runner/work/design-system/design-system/packages/react-component-library/e2e/forms/prepopulated.spec.ts:137:40