Skip to content

feat: autocomplete data fields in the editor #7168

feat: autocomplete data fields in the editor

feat: autocomplete data fields in the editor #7168

Triggered via pull request December 18, 2024 10:28
Status Failure
Total duration 24m 25s
Artifacts 1

pull-request.yml

on: pull_request
Check file changes
8s
Check file changes
Build React App
3m 45s
Build React App
Run Integration tests
5m 3s
Run Integration tests
Run API Tests
0s
Run API Tests
Run React Tests
6m 39s
Run React Tests
Generate Hasura Change Summary
0s
Generate Hasura Change Summary
E2E tests
24m 2s
E2E tests
Upsert Vultr Instance
2m 52s
Upsert Vultr Instance
Run Pulumi Preview
0s
Run Pulumi Preview
Run Healthcheck on Pizza Services
35s
Run Healthcheck on Pizza Services
Fit to window
Zoom out
Zoom in

Annotations

10 errors, 4 warnings, and 1 notice
[chromium] › create-flow-with-geospatial.spec.ts:46:7 › Flow creation: e2e/tests/ui-driven/src/helpers/addComponent.ts#L175
1) [chromium] › create-flow-with-geospatial.spec.ts:46:7 › Flow creation, publish and preview › Create a flow Error: locator.fill: Error: strict mode violation: getByPlaceholder('Data Field') resolved to 2 elements: 1) <div role="status" aria-atomic="true" aria-live="polite" placeholder="Data field" class="MuiAutocomplete-root css-n0fqzr">…</div> aka locator('fieldset').filter({ hasText: 'Always put to user (forgo' }).getByRole('status') 2) <input value="" type="text" role="combobox" autocomplete="off" spellcheck="false" aria-invalid="false" aria-expanded="false" autocapitalize="none" placeholder="Data field" aria-autocomplete="list" id="data-field-autocomplete" class="MuiInputBase-input MuiOutlinedInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused css-63e1h8"/> aka getByRole('combobox', { name: 'Data field' }) Call log: - waiting for getByPlaceholder('Data Field') at helpers/addComponent.ts:175 173 | await page.getByRole("dialog").waitFor(); 174 | await page.getByPlaceholder("Text").fill(questionText); > 175 | await page.getByPlaceholder("Data Field").fill(dataField); | ^ 176 | await createComponentOptionsWithDataValues(page, options); 177 | await page.locator('button[form="modal"][type="submit"]').click(); 178 | }; at createQuestionWithDataFieldOptions (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/helpers/addComponent.ts:175:45) at PlaywrightEditor.createQuestionWithDataFieldOptions (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/pages/Editor.ts:93:5) at /home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts:61:5
[chromium] › create-flow-with-geospatial.spec.ts:46:7 › Flow creation: e2e/tests/ui-driven/src/helpers/addComponent.ts#L175
1) [chromium] › create-flow-with-geospatial.spec.ts:46:7 › Flow creation, publish and preview › Create a flow Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.fill: Error: strict mode violation: getByPlaceholder('Data Field') resolved to 2 elements: 1) <div role="status" aria-atomic="true" aria-live="polite" placeholder="Data field" class="MuiAutocomplete-root css-n0fqzr">…</div> aka locator('fieldset').filter({ hasText: 'Always put to user (forgo' }).getByRole('status') 2) <input value="" type="text" role="combobox" autocomplete="off" spellcheck="false" aria-invalid="false" aria-expanded="false" autocapitalize="none" placeholder="Data field" aria-autocomplete="list" id="data-field-autocomplete" class="MuiInputBase-input MuiOutlinedInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused css-63e1h8"/> aka getByRole('combobox', { name: 'Data field' }) Call log: - waiting for getByPlaceholder('Data Field') at helpers/addComponent.ts:175 173 | await page.getByRole("dialog").waitFor(); 174 | await page.getByPlaceholder("Text").fill(questionText); > 175 | await page.getByPlaceholder("Data Field").fill(dataField); | ^ 176 | await createComponentOptionsWithDataValues(page, options); 177 | await page.locator('button[form="modal"][type="submit"]').click(); 178 | }; at createQuestionWithDataFieldOptions (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/helpers/addComponent.ts:175:45) at PlaywrightEditor.createQuestionWithDataFieldOptions (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/pages/Editor.ts:93:5) at /home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts:61:5
[chromium] › create-flow-with-geospatial.spec.ts:46:7 › Flow creation: e2e/tests/ui-driven/src/helpers/addComponent.ts#L175
1) [chromium] › create-flow-with-geospatial.spec.ts:46:7 › Flow creation, publish and preview › Create a flow Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.fill: Error: strict mode violation: getByPlaceholder('Data Field') resolved to 2 elements: 1) <div role="status" aria-atomic="true" aria-live="polite" placeholder="Data field" class="MuiAutocomplete-root css-n0fqzr">…</div> aka locator('fieldset').filter({ hasText: 'Always put to user (forgo' }).getByRole('status') 2) <input value="" type="text" role="combobox" autocomplete="off" spellcheck="false" aria-invalid="false" aria-expanded="false" autocapitalize="none" placeholder="Data field" aria-autocomplete="list" id="data-field-autocomplete" class="MuiInputBase-input MuiOutlinedInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused css-63e1h8"/> aka getByRole('combobox', { name: 'Data field' }) Call log: - waiting for getByPlaceholder('Data Field') at helpers/addComponent.ts:175 173 | await page.getByRole("dialog").waitFor(); 174 | await page.getByPlaceholder("Text").fill(questionText); > 175 | await page.getByPlaceholder("Data Field").fill(dataField); | ^ 176 | await createComponentOptionsWithDataValues(page, options); 177 | await page.locator('button[form="modal"][type="submit"]').click(); 178 | }; at createQuestionWithDataFieldOptions (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/helpers/addComponent.ts:175:45) at PlaywrightEditor.createQuestionWithDataFieldOptions (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/pages/Editor.ts:93:5) at /home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts:61:5
[chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation: e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts#L1
2) [chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation, publish and preview › Publish and preview flow with geospatial components Test timeout of 45000ms exceeded.
[chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation: e2e/tests/ui-driven/src/helpers/navigateAndPublish.ts#L7
2) [chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation, publish and preview › Publish and preview flow with geospatial components Error: expect(locator).toBeVisible() Locator: getByRole('link', { name: 'a-test-service' }) Expected: visible Received: <element(s) not found> Call log: - expect.toBeVisible with timeout 45000ms - waiting for getByRole('link', { name: 'a-test-service' }) at helpers/navigateAndPublish.ts:7 5 | await page.goto(`/${contextDefaults.team.slug}/${slug}`); 6 | > 7 | await expect(page.getByRole("link", { name: slug })).toBeVisible(); | ^ 8 | }; 9 | 10 | export const publishService = async (page: Page) => { at navigateToService (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/helpers/navigateAndPublish.ts:7:56) at /home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts:99:5
[chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation: e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts#L1
2) [chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation, publish and preview › Publish and preview flow with geospatial components Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 45000ms exceeded.
[chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation: e2e/tests/ui-driven/src/helpers/navigateAndPublish.ts#L7
2) [chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation, publish and preview › Publish and preview flow with geospatial components Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toBeVisible() Locator: getByRole('link', { name: 'a-test-service' }) Expected: visible Received: <element(s) not found> Call log: - expect.toBeVisible with timeout 45000ms - waiting for getByRole('link', { name: 'a-test-service' }) at helpers/navigateAndPublish.ts:7 5 | await page.goto(`/${contextDefaults.team.slug}/${slug}`); 6 | > 7 | await expect(page.getByRole("link", { name: slug })).toBeVisible(); | ^ 8 | }; 9 | 10 | export const publishService = async (page: Page) => { at navigateToService (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/helpers/navigateAndPublish.ts:7:56) at /home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts:99:5
[chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation: e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts#L1
2) [chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation, publish and preview › Publish and preview flow with geospatial components Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 45000ms exceeded.
[chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation: e2e/tests/ui-driven/src/helpers/navigateAndPublish.ts#L7
2) [chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation, publish and preview › Publish and preview flow with geospatial components Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toBeVisible() Locator: getByRole('link', { name: 'a-test-service' }) Expected: visible Received: <element(s) not found> Call log: - expect.toBeVisible with timeout 45000ms - waiting for getByRole('link', { name: 'a-test-service' }) at helpers/navigateAndPublish.ts:7 5 | await page.goto(`/${contextDefaults.team.slug}/${slug}`); 6 | > 7 | await expect(page.getByRole("link", { name: slug })).toBeVisible(); | ^ 8 | }; 9 | 10 | export const publishService = async (page: Page) => { at navigateToService (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/helpers/navigateAndPublish.ts:7:56) at /home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts:99:5
[chromium] › create-flow.spec.ts:60:7 › Flow creation: e2e/tests/ui-driven/src/helpers/addComponent.ts#L58
3) [chromium] › create-flow.spec.ts:60:7 › Flow creation, publish and preview › Create a flow ──── Error: locator.fill: Error: strict mode violation: getByPlaceholder('Data Field') resolved to 2 elements: 1) <div required="" role="status" aria-atomic="true" aria-live="polite" placeholder="Data field" class="MuiAutocomplete-root css-n0fqzr">…</div> aka getByRole('status').first() 2) <input value="" required="" type="text" role="combobox" autocomplete="off" spellcheck="false" aria-invalid="false" aria-expanded="false" autocapitalize="none" placeholder="Data field" aria-autocomplete="list" id="data-field-autocomplete" class="MuiInputBase-input MuiOutlinedInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused css-63e1h8"/> aka getByRole('combobox', { name: 'Data field' }) Call log: - waiting for getByPlaceholder('Data Field') at helpers/addComponent.ts:58 56 | case ComponentType.AddressInput: 57 | await page.getByPlaceholder("Title").fill(title || ""); > 58 | await page.getByPlaceholder("Data Field").fill(options?.[0] || ""); | ^ 59 | break; 60 | case ComponentType.ContactInput: 61 | await page.getByPlaceholder("Title").fill(title || ""); at createBaseComponent (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/helpers/addComponent.ts:58:49) at createAddressInput (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/helpers/addComponent.ts:255:3) at PlaywrightEditor.createAddressInput (/home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/pages/Editor.ts:162:5) at /home/runner/work/planx-new/planx-new/e2e/tests/ui-driven/src/create-flow.spec.ts:81:5
E2E tests: e2e/tests/ui-driven/src/invite-to-pay/agent.spec.ts#L97
Unexpected use of networkidle
E2E tests: e2e/tests/ui-driven/src/invite-to-pay/nominee.spec.ts#L98
Unexpected use of networkidle
E2E tests: e2e/tests/ui-driven/src/invite-to-pay/nominee.spec.ts#L106
Unexpected use of networkidle
E2E tests: e2e/tests/ui-driven/src/invite-to-pay/nominee.spec.ts#L140
Unexpected use of networkidle
🎭 Playwright Run Summary
8 failed [chromium] › create-flow-with-geospatial.spec.ts:46:7 › Flow creation, publish and preview › Create a flow [chromium] › create-flow-with-geospatial.spec.ts:91:7 › Flow creation, publish and preview › Publish and preview flow with geospatial components [chromium] › create-flow.spec.ts:60:7 › Flow creation, publish and preview › Create a flow ───── [chromium] › create-flow.spec.ts:132:7 › Flow creation, publish and preview › Publish a flow ─── [chromium] › create-flow.spec.ts:147:7 › Flow creation, publish and preview › Cannot preview an offline flow [chromium] › create-flow.spec.ts:166:7 › Flow creation, publish and preview › Turn a flow online [chromium] › create-flow.spec.ts:184:7 › Flow creation, publish and preview › Can add an external portal [chromium] › create-flow.spec.ts:234:7 › Flow creation, publish and preview › Can preview a published flow 14 passed (15.2m)

Artifacts

Produced during runtime
Name Size
playwright-report Expired
13.2 MB