1) [react:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features ─ Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 1 Object { - "page": 1, + "page": 4, } 87 | const paginationWithBoundariesPO = new PaginationPO(page, 2); 88 | await paginationWithBoundariesPO.locatorFirstButton.click(); > 89 | expect(await paginationDemoPO.defaultPaginationDemoState()).toEqual({page: 1}); | ^ 90 | expect(await paginationState(paginationWithBoundariesPO)).toEqual({ 91 | ...initState, 92 | isFirstDisabled: true, at /home/runner/work/AgnosUI/AgnosUI/e2e/pagination/pagination.e2e-spec.ts:89:63

2) [react:webkit] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features ─ Error: expect(received).toEqual(expected) // deep equality - Expected - 2 + Received + 2 @@ -4,12 +4,12 @@ "isPreviousDisabled": false, "pages": Array [ "A", "B", "C", - "D", - "E(current)", + "D(current)", + "E", "F", ], "rootClasses": Array [ "au-pagination", "pagination", 117 | await paginationPO2.locatorNextButton.click(); 118 | expectedState.pages = ['A', 'B', 'C', 'D', 'E(current)', 'F']; > 119 | expect(await paginationState(paginationPO1)).toEqual(expectedState); | ^ 120 | }); 121 | }); 122 | at /home/runner/work/AgnosUI/AgnosUI/e2e/pagination/pagination.e2e-spec.ts:119:48

1) [angular:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 1 Object { - "page": 1, + "page": 4, } 87 | const paginationWithBoundariesPO = new PaginationPO(page, 2); 88 | await paginationWithBoundariesPO.locatorFirstButton.click(); > 89 | expect(await paginationDemoPO.defaultPaginationDemoState()).toEqual({page: 1}); | ^ 90 | expect(await paginationState(paginationWithBoundariesPO)).toEqual({ 91 | ...initState, 92 | isFirstDisabled: true, at /home/runner/work/AgnosUI/AgnosUI/e2e/pagination/pagination.e2e-spec.ts:89:63

2) [angular:webkit] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features Error: expect(received).toEqual(expected) // deep equality - Expected - 2 + Received + 2 @@ -4,12 +4,12 @@ "isPreviousDisabled": false, "pages": Array [ "A", "B", "C", - "D", - "E(current)", + "D(current)", + "E", "F", ], "rootClasses": Array [ "au-pagination", "pagination", 117 | await paginationPO2.locatorNextButton.click(); 118 | expectedState.pages = ['A', 'B', 'C', 'D', 'E(current)', 'F']; > 119 | expect(await paginationState(paginationPO1)).toEqual(expectedState); | ^ 120 | }); 121 | }); 122 | at /home/runner/work/AgnosUI/AgnosUI/e2e/pagination/pagination.e2e-spec.ts:119:48

1) [angular:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ─────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 2 + Received + 18 @@ -3,9 +3,25 @@ Array [ "Action 1", "x", ], ], - "isOpen": false, - "list": Array [], + "isOpen": true, + "list": Array [ + Object { + "hasCheckBox": true, + "isChecked": true, + "text": "Action 1", + }, + Object { + "hasCheckBox": true, + "isChecked": false, + "text": "Action 2", + }, + Object { + "hasCheckBox": true, + "isChecked": false, + "text": "Action 3", + }, + ], "text": "a", } 50 | list: [], 51 | }); > 52 | expect(await selectPO.state()).toEqual(expectedState); | ^ 53 | }); 54 | 55 | test(`Close actions`, async ({page}) => { at /home/runner/work/AgnosUI/AgnosUI/e2e/select/select.e2e-spec.ts:52:34

1) [react:webkit] › rating/rating.e2e-spec.ts:170:2 › Rating tests › Config ────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 42 + Received + 2 @@ -28,69 +28,29 @@ "au-rating-star", ], Array [ "au-rating-star", ], - Array [ - "au-rating-star", - ], - Array [ - "au-rating-star", - ], - Array [ - "au-rating-star", - ], - Array [ - "au-rating-star", - ], - Array [ - "au-rating-star", - ], - Array [ - "au-rating-star", - ], - Array [ - "au-rating-star", - ], - Array [ - "au-rating-star", ], - Array [ - "au-rating-star", - ], - Array [ - "au-rating-star", - ], - ], "disabled": "true", - "max": "20", + "max": "10", "min": "0", "readonly": null, "rootClasses": Array [ "d-inline-flex", "au-rating", ], "stars": Array [ "★", "★", "★", - "☆", "☆", "☆", "☆", "☆", "☆", "☆", "☆", - "☆", - "☆", - "☆", - "☆", - "☆", - "☆", - "☆", - "☆", - "☆", ], - "text": "3 out of 20", + "text": "3 out of 10", "value": "3", } 198 | classes: createArray(20, ['au-rating-star']), 199 | }; > 200 | expect(await ratingPO.state()).toEqual(expectedState); | ^ 201 | 202 | await ratingDemoPO.locatorBtnConfigSlotStar("'*'").click(); 203 | expectedState = { at /home/runner/work/AgnosUI/AgnosUI/e2e/rating/rating.e2e-spec.ts:200:34

2) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › focustrack/focustrack should have a consistent markup Error: Snapshot comparison failed: <body> <div id="root" > <div class="container p-3" > <div class="demo-focustrack" > <div class="border my-2 p-2" > <h5> "Container" </h5> <input class="form-control" id="focusableInput" placeholder="Focusable input" type="text" value="" /> <br /> <input class="form-control" id="otherFocusableInput" placeholder="Other focusable input" type="text" value="" /> </div> <input class="form-control" disabled="" id="disabledInput" placeholder="Disabled input" type="text" value="" /> <br /> <div class="form-check mb-2" > <input checked="false" class="form-check-input" disabled="" id="containerHasFocus" type="checkbox" /> <label class="form-check-label" for="containerHasFocus" > "Focus in container" </label> </div> <label class="form-label" for="activeElement" > "Active element history:" </label> <textarea class="form-control mb-2" id="activeElementHistory" readonly="" > "[{\"tagName\":\"body\"}]" </textarea> <button class="btn btn-primary" > "Clear" </button> </div> </div> </div> </body> Expected: /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts-snapshots/focustrack-focustrack.html Received: /home/runner/work/AgnosUI/AgnosUI/test-results/samplesMarkup.e2e-spec.ts-Samples-markup-consi-0f4be-rack-focustrack-should-have-a-consistent-markup-react-webkit/focustrack-focustrack-actual.html 34 | await routesExtraAction[route]?.(page); 35 | await page.waitForSelector('.fade', {state: 'detached'}); // wait for fade transitions to be finished > 36 | expect(await htmlSnapshot(page.locator('body'))).toMatchSnapshot(`${route}.html`); | ^ 37 | }); 38 | } 39 | }); at /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts:36:53

3) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › alert/icon should have a consistent markup Error: Snapshot comparison failed: <body> <div id="root" > <div class="container p-3" > <div class="alert alert-success au-alert d-flex show w-100" role="alert" > <span class="align-items-center d-flex me-2" > <svg class="bi bi-check-circle-fill" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" > <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z" /> </svg> </span> <div class="alert-body d-flex w-100" > "Alert success with a customisable icon" </div> </div> <div class="alert alert-warning au-alert d-flex show w-100" role="alert" > <span class="align-items-center d-flex me-2" > <svg class="bi bi-exclamation-triangle-fill" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" > <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" /> </svg> </span> <div class="alert-body d-flex w-100" > "Alert warning with a customisable icon" </div> </div> <div class="alert alert-danger au-alert d-flex show w-100" role="alert" > <span class="align-items-center d-flex me-2" > <svg class="bi bi-dash-circle-fill" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" > <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM4.5 7.5a.5.5 0 0 0 0 1h7a.5.5 0 0 0 0-1h-7z" /> </svg> </span> <div class="alert-body d-flex w-100" > "Alert danger with a customisable icon" </div> </div> <div class="alert alert-info au-alert d-flex show w-100" role="alert" > <span class="align-items-center d-flex me-2" > <svg class="bi bi-info-circle-fill" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" > <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" /> </svg> </span> <div class="alert-body d-flex w-100" > "Alert info with a customisable icon" </div> </div> <div class="alert alert-light au-alert d-flex show w-100" role="alert" > <span class="align-items-center d-flex me-2" > <svg class="bi bi-lightbulb" fill="currentColor" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www

4) [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › alert/dynamic should have a consistent markup Error: Snapshot comparison failed: <body> <div id="root" > <div class="container p-3" > <button class="addError btn btn-primary me-1" > "Add error" </button> <button class="addInfo btn btn-primary me-1" > "Add info" </button> <button class="addWarning btn btn-primary me-1" > "Add warning" </button> <br /> <div class="alertCount mb-3" > "Alerts in the service: 0" </div> </div> </div/> </body> Expected: /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts-snapshots/alert-dynamic.html Received: /home/runner/work/AgnosUI/AgnosUI/test-results/samplesMarkup.e2e-spec.ts-Samples-markup-consi-f2cf4-k-alert-dynamic-should-have-a-consistent-markup-react-webkit/alert-dynamic-actual.html 34 | await routesExtraAction[route]?.(page); 35 | await page.waitForSelector('.fade', {state: 'detached'}); // wait for fade transitions to be finished > 36 | expect(await htmlSnapshot(page.locator('body'))).toMatchSnapshot(`${route}.html`); | ^ 37 | }); 38 | } 39 | }); at /home/runner/work/AgnosUI/AgnosUI/e2e/samplesMarkup.e2e-spec.ts:36:53

5) [react:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ───────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 2 + Received + 18 @@ -3,9 +3,25 @@ Array [ "Action 1", "x", ], ], - "isOpen": false, - "list": Array [], + "isOpen": true, + "list": Array [ + Object { + "hasCheckBox": true, + "isChecked": true, + "text": "Action 1", + }, + Object { + "hasCheckBox": true, + "isChecked": false, + "text": "Action 2", + }, + Object { + "hasCheckBox": true, + "isChecked": false, + "text": "Action 3", + }, + ], "text": "a", } 50 | list: [], 51 | }); > 52 | expect(await selectPO.state()).toEqual(expectedState); | ^ 53 | }); 54 | 55 | test(`Close actions`, async ({page}) => { at /home/runner/work/AgnosUI/AgnosUI/e2e/select/select.e2e-spec.ts:52:34

6) [react:webkit] › select/select.e2e-spec.ts:71:2 › Select tests › Config ─────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 1 Object { "badges": Array [], "isOpen": false, "list": Array [], - "text": "next value", + "text": "test", } 97 | expectedState.text = 'next value'; 98 | await selectConfigPO.locatorResetFilterTextButton.click(); > 99 | expect(await selectPO.state()).toEqual(expectedState); | ^ 100 | 101 | expectedState.text = 'sync again'; 102 | await selectPO.locatorInput.fill(expectedState.text); at /home/runner/work/AgnosUI/AgnosUI/e2e/select/select.e2e-spec.ts:99:34

7) [react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init, with animation setting enabled Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 1 @@ -6,8 +6,8 @@ ], "hidden": false, "removeFromDOM": true, "shown": false, "transition": "verticalCollapse", - "transitioning": true, + "transitioning": false, "visible": true, } 158 | expectedState.shown = false; 159 | expectedState.classes = ['collapsing']; > 160 | expect(await po.getState()).toEqual(expectedState); | ^ 161 | 162 | await expect.poll(() => po.getState()).not.toEqual(expectedState); 163 | expectedState.transitioning = false; at /home/runner/work/AgnosUI/AgnosUI/e2e/transition/transition.e2e-spec.ts:160:32

1) [svelte:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ──────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 2 + Received + 18 @@ -3,9 +3,25 @@ Array [ "Action 1", "x", ], ], - "isOpen": false, - "list": Array [], + "isOpen": true, + "list": Array [ + Object { + "hasCheckBox": true, + "isChecked": true, + "text": "Action 1", + }, + Object { + "hasCheckBox": true, + "isChecked": false, + "text": "Action 2", + }, + Object { + "hasCheckBox": true, + "isChecked": false, + "text": "Action 3", + }, + ], "text": "a", } 50 | list: [], 51 | }); > 52 | expect(await selectPO.state()).toEqual(expectedState); | ^ 53 | }); 54 | 55 | test(`Close actions`, async ({page}) => { at /home/runner/work/AgnosUI/AgnosUI/e2e/select/select.e2e-spec.ts:52:34

51 passed (46.5s)

1 skipped 50 passed (1.0m)

51 passed (53.0s)

2 flaky [react:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features ── [react:webkit] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features ── 49 passed (1.3m)

2 flaky [angular:webkit] › pagination/pagination.e2e-spec.ts:76:2 › Pagination tests › Default features [angular:webkit] › pagination/pagination.e2e-spec.ts:110:2 › Pagination tests › Custom features 1 skipped 48 passed (1.4m)

52 passed (1.1m)

1 flaky [angular:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ──────────────── 1 skipped 49 passed (1.2m)

7 flaky [react:webkit] › rating/rating.e2e-spec.ts:170:2 › Rating tests › Config ─────────────────────── [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › focustrack/focustrack should have a consistent markup [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › alert/icon should have a consistent markup [react:webkit] › samplesMarkup.e2e-spec.ts:27:7 › Samples markup consistency check › alert/dynamic should have a consistent markup [react:webkit] › select/select.e2e-spec.ts:14:2 › Select tests › Basic states ────────────────── [react:webkit] › select/select.e2e-spec.ts:71:2 › Select tests › Config ──────────────────────── [react:webkit] › transition/transition.e2e-spec.ts:138:3 › Transition tests › animation on init, with animation setting enabled 44 passed (1.5m)

52 passed (1.3m)