Skip to content

feat: autocomplete data fields in the editor #7185

feat: autocomplete data fields in the editor

feat: autocomplete data fields in the editor #7185

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

pull-request.yml

on: pull_request
Check file changes
6s
Check file changes
Build React App
3m 55s
Build React App
Run Integration tests
5m 12s
Run Integration tests
Run API Tests
0s
Run API Tests
Run React Tests
6m 30s
Run React Tests
Generate Hasura Change Summary
0s
Generate Hasura Change Summary
E2E tests
24m 11s
E2E tests
Upsert Vultr Instance
7m 16s
Upsert Vultr Instance
Run Pulumi Preview
0s
Run Pulumi Preview
Run Healthcheck on Pizza Services
33s
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:59:7 › Flow creation: e2e/tests/ui-driven/src/helpers/addComponent.ts#L175
1) [chromium] › create-flow-with-geospatial.spec.ts:59: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:74:5
[chromium] › create-flow-with-geospatial.spec.ts:59:7 › Flow creation: e2e/tests/ui-driven/src/helpers/addComponent.ts#L175
1) [chromium] › create-flow-with-geospatial.spec.ts:59: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:74:5
[chromium] › create-flow-with-geospatial.spec.ts:59:7 › Flow creation: e2e/tests/ui-driven/src/helpers/addComponent.ts#L175
1) [chromium] › create-flow-with-geospatial.spec.ts:59: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:74:5
[chromium] › create-flow-with-geospatial.spec.ts:102:7 › Flow creation: e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts#L1
2) [chromium] › create-flow-with-geospatial.spec.ts:102: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:102:7 › Flow creation: e2e/tests/ui-driven/src/helpers/navigateAndPublish.ts#L7
2) [chromium] › create-flow-with-geospatial.spec.ts:102: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:110:5
[chromium] › create-flow-with-geospatial.spec.ts:102:7 › Flow creation: e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts#L1
2) [chromium] › create-flow-with-geospatial.spec.ts:102: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:102:7 › Flow creation: e2e/tests/ui-driven/src/helpers/navigateAndPublish.ts#L7
2) [chromium] › create-flow-with-geospatial.spec.ts:102: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:110:5
[chromium] › create-flow-with-geospatial.spec.ts:102:7 › Flow creation: e2e/tests/ui-driven/src/create-flow-with-geospatial.spec.ts#L1
2) [chromium] › create-flow-with-geospatial.spec.ts:102: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:102:7 › Flow creation: e2e/tests/ui-driven/src/helpers/navigateAndPublish.ts#L7
2) [chromium] › create-flow-with-geospatial.spec.ts:102: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:110: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:59:7 › Flow creation, publish and preview › Create a flow [chromium] › create-flow-with-geospatial.spec.ts:102: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.5 MB