Skip to content

fix[gen2-sdks]: updating code doesn't reflect changes in VE and angular sdk nativeElement not found #13459

fix[gen2-sdks]: updating code doesn't reflect changes in VE and angular sdk nativeElement not found

fix[gen2-sdks]: updating code doesn't reflect changes in VE and angular sdk nativeElement not found #13459

Triggered via pull request February 20, 2025 06:14
Status Failure
Total duration 11m 39s
Artifacts 2

ci.yml

on: pull_request
Gen 2 SDKs checks
3m 33s
Gen 2 SDKs checks
Gen 1 SDK Core
2m 9s
Gen 1 SDK Core
build-angular-gen1
33s
build-angular-gen1
Matrix: build
Matrix: Gen 1 React SDK
Matrix: Gen 1 SDK Snippets
Matrix: Gen 2 SDK Snippets
Matrix: Gen 2 SDKs
Fit to window
Zoom out
Zoom in

Annotations

6 errors, 56 warnings, and 40 notices
[react-sdk-next-15-app] › blocks.spec.ts:590:5 › Blocks › Custom Code › should update DOM when custom code is rendered: packages/sdks-tests/src/e2e-tests/blocks.spec.ts#L594
1) [react-sdk-next-15-app] › blocks.spec.ts:590:5 › Blocks › Custom Code › should update DOM when custom code is rendered Error: Timed out 5000ms waiting for expect(locator).toHaveText(expected) Locator: locator('#myPara') Expected string: "hello" Received string: "Hello there, I am custom HTML code!" Call log: - expect.toHaveText with timeout 5000ms - waiting for locator('#myPara') - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "Hello there, I am custom HTML code!" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "Hello there, I am custom HTML code!" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "Hello there, I am custom HTML code!" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "Hello there, I am custom HTML code!" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "Hello there, I am custom HTML code!" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "Hello there, I am custom HTML code!" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "Hello there, I am custom HTML code!" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "Hello there, I am custom HTML code!" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "Hello there, I am custom HTML code!" 592 | await page.goto('/custom-code-dom-update'); 593 | > 594 | await expect(page.locator('#myPara')).toHaveText('hello'); | ^ 595 | await expect(page.locator('#myPara')).toHaveCSS('background-color', 'rgb(0, 128, 0)'); 596 | }); 597 | at /home/runner/work/builder/builder/packages/sdks-tests/src/e2e-tests/blocks.spec.ts:594:45
[react-sdk-next-15-app] › blocks.spec.ts:598:5 › Blocks › Custom Code › visual editing updates dom in real time: packages/sdks-tests/src/e2e-tests/blocks.spec.ts#L613
2) [react-sdk-next-15-app] › blocks.spec.ts:598:5 › Blocks › Custom Code › visual editing updates dom in real time Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected) Locator: locator('iframe').contentFrame().getByText('hello') Expected string: "rgb(0, 128, 0)" Received string: "rgba(0, 0, 0, 0)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for locator('iframe').contentFrame().getByText('hello') - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" 611 | }); 612 | await page.frameLocator('iframe').getByText('hello').waitFor(); > 613 | await expect(page.frameLocator('iframe').getByText('hello')).toHaveCSS( | ^ 614 | 'background-color', 615 | 'rgb(0, 128, 0)' 616 | ); at /home/runner/work/builder/builder/packages/sdks-tests/src/e2e-tests/blocks.spec.ts:613:68
Gen 2 SDKs (react-sdk-next-15-app)
Process completed with exit code 1.
[react-sdk-next-14-app] › blocks.spec.ts:590:5 › Blocks › Custom Code › should update DOM when custom code is rendered: packages/sdks-tests/src/e2e-tests/blocks.spec.ts#L595
1) [react-sdk-next-14-app] › blocks.spec.ts:590:5 › Blocks › Custom Code › should update DOM when custom code is rendered Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected) Locator: locator('#myPara') Expected string: "rgb(0, 128, 0)" Received string: "rgba(0, 0, 0, 0)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for locator('#myPara') - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" 593 | 594 | await expect(page.locator('#myPara')).toHaveText('hello'); > 595 | await expect(page.locator('#myPara')).toHaveCSS('background-color', 'rgb(0, 128, 0)'); | ^ 596 | }); 597 | 598 | test('visual editing updates dom in real time', async ({ at /home/runner/work/builder/builder/packages/sdks-tests/src/e2e-tests/blocks.spec.ts:595:45
[react-sdk-next-14-app] › blocks.spec.ts:598:5 › Blocks › Custom Code › visual editing updates dom in real time: packages/sdks-tests/src/e2e-tests/blocks.spec.ts#L613
2) [react-sdk-next-14-app] › blocks.spec.ts:598:5 › Blocks › Custom Code › visual editing updates dom in real time Error: Timed out 5000ms waiting for expect(locator).toHaveCSS(expected) Locator: locator('iframe').contentFrame().getByText('hello') Expected string: "rgb(0, 128, 0)" Received string: "rgba(0, 0, 0, 0)" Call log: - expect.toHaveCSS with timeout 5000ms - waiting for locator('iframe').contentFrame().getByText('hello') - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" - locator resolved to <p id="myPara">Hello there, I am custom HTML code!</p> - unexpected value "rgba(0, 0, 0, 0)" 611 | }); 612 | await page.frameLocator('iframe').getByText('hello').waitFor(); > 613 | await expect(page.frameLocator('iframe').getByText('hello')).toHaveCSS( | ^ 614 | 'background-color', 615 | 'rgb(0, 128, 0)' 616 | ); at /home/runner/work/builder/builder/packages/sdks-tests/src/e2e-tests/blocks.spec.ts:613:68
Gen 2 SDKs (react-sdk-next-14-app)
Process completed with exit code 1.
build-angular-gen1
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
build (widgets)
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
build (webcomponents)
The `set-output` command is deprecated and will be disabled soon. Please upgrade to using Environment Files. For more information see: https://github.blog/changelog/2022-10-11-github-actions-deprecating-save-state-and-set-output-commands/
Slow Test: packages/sdks-tests/[solid] › ab-test.spec.ts#L1
packages/sdks-tests/[solid] › ab-test.spec.ts took 22.2s
Slow Test: packages/sdks-tests/[solid] › link-component.spec.ts#L1
packages/sdks-tests/[solid] › link-component.spec.ts took 16.6s
Slow Test: packages/sdks-tests/[vue] › ab-test.spec.ts#L1
packages/sdks-tests/[vue] › ab-test.spec.ts took 23.5s
Slow Test: packages/sdks-tests/[vue] › link-component.spec.ts#L1
packages/sdks-tests/[vue] › link-component.spec.ts took 16.6s
Slow Test: packages/sdks-tests/[gen1-remix] › ab-test.spec.ts#L1
packages/sdks-tests/[gen1-remix] › ab-test.spec.ts took 26.0s
Slow Test: packages/sdks-tests/[gen1-remix] › slot.spec.ts#L1
packages/sdks-tests/[gen1-remix] › slot.spec.ts took 20.7s
Slow Test: packages/sdks-tests/[gen1-remix] › link-component.spec.ts#L1
packages/sdks-tests/[gen1-remix] › link-component.spec.ts took 17.2s
Slow Test: packages/sdks-tests/[remix] › ab-test.spec.ts#L1
packages/sdks-tests/[remix] › ab-test.spec.ts took 22.6s
Slow Test: packages/sdks-tests/[remix] › link-component.spec.ts#L1
packages/sdks-tests/[remix] › link-component.spec.ts took 16.4s
Slow Test: packages/sdks-tests/[svelte] › ab-test.spec.ts#L1
packages/sdks-tests/[svelte] › ab-test.spec.ts took 22.7s
Slow Test: packages/sdks-tests/[svelte] › link-component.spec.ts#L1
packages/sdks-tests/[svelte] › link-component.spec.ts took 16.7s
Slow Test: packages/sdks-tests/[solid-start] › ab-test.spec.ts#L1
packages/sdks-tests/[solid-start] › ab-test.spec.ts took 23.2s
Slow Test: packages/sdks-tests/[solid-start] › link-component.spec.ts#L1
packages/sdks-tests/[solid-start] › link-component.spec.ts took 16.7s
Slow Test: packages/sdks-tests/[react-sdk-next-15-app] › ab-test.spec.ts#L1
packages/sdks-tests/[react-sdk-next-15-app] › ab-test.spec.ts took 25.1s
Slow Test: packages/sdks-tests/[react-sdk-next-15-app] › link-component.spec.ts#L1
packages/sdks-tests/[react-sdk-next-15-app] › link-component.spec.ts took 16.5s
Slow Test: packages/sdks-tests/[react-sdk-next-14-app] › ab-test.spec.ts#L1
packages/sdks-tests/[react-sdk-next-14-app] › ab-test.spec.ts took 24.3s
Slow Test: packages/sdks-tests/[react-sdk-next-14-app] › link-component.spec.ts#L1
packages/sdks-tests/[react-sdk-next-14-app] › link-component.spec.ts took 16.5s
Slow Test: packages/sdks-tests/[gen1-next14-pages] › ab-test.spec.ts#L1
packages/sdks-tests/[gen1-next14-pages] › ab-test.spec.ts took 24.7s
Slow Test: packages/sdks-tests/[gen1-next14-pages] › link-component.spec.ts#L1
packages/sdks-tests/[gen1-next14-pages] › link-component.spec.ts took 16.9s
Slow Test: packages/sdks-tests/[sveltekit] › ab-test.spec.ts#L1
packages/sdks-tests/[sveltekit] › ab-test.spec.ts took 23.2s
Slow Test: packages/sdks-tests/[sveltekit] › link-component.spec.ts#L1
packages/sdks-tests/[sveltekit] › link-component.spec.ts took 16.6s
Slow Test: packages/sdks-tests/[react-native-76-fabric] › link-component.spec.ts#L1
packages/sdks-tests/[react-native-76-fabric] › link-component.spec.ts took 18.2s
Slow Test: packages/sdks-tests/[react-native-74] › link-component.spec.ts#L1
packages/sdks-tests/[react-native-74] › link-component.spec.ts took 18.3s
Slow Test: packages/sdks-tests/[gen1-react] › ab-test.spec.ts#L1
packages/sdks-tests/[gen1-react] › ab-test.spec.ts took 25.8s
Slow Test: packages/sdks-tests/[gen1-react] › link-component.spec.ts#L1
packages/sdks-tests/[gen1-react] › link-component.spec.ts took 17.2s
Slow Test: packages/sdks-tests/[gen1-next15-app] › ab-test.spec.ts#L1
packages/sdks-tests/[gen1-next15-app] › ab-test.spec.ts took 27.1s
Slow Test: packages/sdks-tests/[gen1-next15-app] › link-component.spec.ts#L1
packages/sdks-tests/[gen1-next15-app] › link-component.spec.ts took 17.2s
Slow Test: packages/sdks-tests/[angular-19-ssr] › ab-test.spec.ts#L1
packages/sdks-tests/[angular-19-ssr] › ab-test.spec.ts took 27.9s
Slow Test: packages/sdks-tests/[angular-19-ssr] › link-component.spec.ts#L1
packages/sdks-tests/[angular-19-ssr] › link-component.spec.ts took 18.0s
Slow Test: packages/sdks-tests/[angular-19-ssr] › blocks.spec.ts#L1
packages/sdks-tests/[angular-19-ssr] › blocks.spec.ts took 17.5s
Slow Test: packages/sdks-tests/[react] › ab-test.spec.ts#L1
packages/sdks-tests/[react] › ab-test.spec.ts took 23.4s
Slow Test: packages/sdks-tests/[angular-16] › ab-test.spec.ts#L1
packages/sdks-tests/[angular-16] › ab-test.spec.ts took 33.1s
Slow Test: packages/sdks-tests/[angular-16] › blocks.spec.ts#L1
packages/sdks-tests/[angular-16] › blocks.spec.ts took 22.0s
Slow Test: packages/sdks-tests/[angular-16] › link-component.spec.ts#L1
packages/sdks-tests/[angular-16] › link-component.spec.ts took 18.2s
Slow Test: packages/sdks-tests/[hydrogen] › ab-test.spec.ts#L1
packages/sdks-tests/[hydrogen] › ab-test.spec.ts took 25.2s
Slow Test: packages/sdks-tests/[hydrogen] › link-component.spec.ts#L1
packages/sdks-tests/[hydrogen] › link-component.spec.ts took 17.0s
Slow Test: packages/sdks-tests/[hydrogen] › blocks.spec.ts#L1
packages/sdks-tests/[hydrogen] › blocks.spec.ts took 15.1s
Slow Test: packages/sdks-tests/[react-sdk-next-pages] › ab-test.spec.ts#L1
packages/sdks-tests/[react-sdk-next-pages] › ab-test.spec.ts took 23.1s
Slow Test: packages/sdks-tests/[react-sdk-next-pages] › link-component.spec.ts#L1
packages/sdks-tests/[react-sdk-next-pages] › link-component.spec.ts took 16.6s
Slow Test: packages/sdks-tests/[nuxt] › ab-test.spec.ts#L1
packages/sdks-tests/[nuxt] › ab-test.spec.ts took 27.4s
Slow Test: packages/sdks-tests/[nuxt] › link-component.spec.ts#L1
packages/sdks-tests/[nuxt] › link-component.spec.ts took 17.1s
Slow Test: packages/sdks-tests/[angular-16-ssr] › ab-test.spec.ts#L1
packages/sdks-tests/[angular-16-ssr] › ab-test.spec.ts took 28.7s
Slow Test: packages/sdks-tests/[angular-16-ssr] › blocks.spec.ts#L1
packages/sdks-tests/[angular-16-ssr] › blocks.spec.ts took 18.3s
Slow Test: packages/sdks-tests/[angular-16-ssr] › link-component.spec.ts#L1
packages/sdks-tests/[angular-16-ssr] › link-component.spec.ts took 17.9s
Slow Test: packages/sdks-tests/[qwik-city] › ab-test.spec.ts#L1
packages/sdks-tests/[qwik-city] › ab-test.spec.ts took 27.2s
Slow Test: packages/sdks-tests/[qwik-city] › editing.spec.ts#L1
packages/sdks-tests/[qwik-city] › editing.spec.ts took 17.9s
Slow Test: packages/sdks-tests/[qwik-city] › link-component.spec.ts#L1
packages/sdks-tests/[qwik-city] › link-component.spec.ts took 17.1s
Slow Test: packages/sdks-tests/[qwik-city] › symbols.spec.ts#L1
packages/sdks-tests/[qwik-city] › symbols.spec.ts took 16.7s
Slow Test: packages/sdks-tests/[nextjs-sdk-next-app] › accordion.spec.ts#L1
packages/sdks-tests/[nextjs-sdk-next-app] › accordion.spec.ts took 1.0m
Slow Test: packages/sdks-tests/[nextjs-sdk-next-app] › ab-test.spec.ts#L1
packages/sdks-tests/[nextjs-sdk-next-app] › ab-test.spec.ts took 25.2s
Slow Test: packages/sdks-tests/[nextjs-sdk-next-app] › large-reactive-state.spec.ts#L1
packages/sdks-tests/[nextjs-sdk-next-app] › large-reactive-state.spec.ts took 23.2s
Slow Test: packages/sdks-tests/[nextjs-sdk-next-app] › link-component.spec.ts#L1
packages/sdks-tests/[nextjs-sdk-next-app] › link-component.spec.ts took 16.8s
Slow Test: packages/sdks-tests/[nextjs-sdk-next-app] › symbols.spec.ts#L1
packages/sdks-tests/[nextjs-sdk-next-app] › symbols.spec.ts took 16.6s
🎭 Playwright Run Summary
26 skipped 11 passed (15.3s)
🎭 Playwright Run Summary
26 skipped 11 passed (16.5s)
🎭 Playwright Run Summary
26 skipped 11 passed (14.2s)
🎭 Playwright Run Summary
17 skipped 20 passed (15.4s)
🎭 Playwright Run Summary
26 skipped 11 passed (13.4s)
🎭 Playwright Run Summary
26 skipped 11 passed (15.9s)
🎭 Playwright Run Summary
26 skipped 11 passed (13.0s)
🎭 Playwright Run Summary
26 skipped 11 passed (12.6s)
🎭 Playwright Run Summary
21 skipped 16 passed (17.8s)
🎭 Playwright Run Summary
27 skipped 10 passed (13.8s)
🎭 Playwright Run Summary
4 skipped 33 passed (33.5s)
🎭 Playwright Run Summary
26 skipped 11 passed (16.1s)
🎭 Playwright Run Summary
22 skipped 15 passed (19.5s)
🎭 Playwright Run Summary
26 skipped 11 passed (27.7s)
🎭 Playwright Run Summary
26 skipped 11 passed (16.1s)
🎭 Playwright Run Summary
26 skipped 11 passed (16.6s)
🎭 Playwright Run Summary
4 skipped 33 passed (33.4s)
🎭 Playwright Run Summary
52 skipped 170 passed (3.4m)
🎭 Playwright Run Summary
60 skipped 162 passed (3.4m)
🎭 Playwright Run Summary
63 skipped 159 passed (4.2m)
🎭 Playwright Run Summary
40 skipped 182 passed (3.8m)
🎭 Playwright Run Summary
50 skipped 172 passed (3.4m)
🎭 Playwright Run Summary
55 skipped 167 passed (3.4m)
🎭 Playwright Run Summary
2 failed [react-sdk-next-15-app] › blocks.spec.ts:590:5 › Blocks › Custom Code › should update DOM when custom code is rendered [react-sdk-next-15-app] › blocks.spec.ts:598:5 › Blocks › Custom Code › visual editing updates dom in real time 39 skipped 181 passed (3.4m)
🎭 Playwright Run Summary
2 failed [react-sdk-next-14-app] › blocks.spec.ts:590:5 › Blocks › Custom Code › should update DOM when custom code is rendered [react-sdk-next-14-app] › blocks.spec.ts:598:5 › Blocks › Custom Code › visual editing updates dom in real time 40 skipped 180 passed (3.2m)
🎭 Playwright Run Summary
51 skipped 171 passed (3.8m)
🎭 Playwright Run Summary
51 skipped 171 passed (3.6m)
🎭 Playwright Run Summary
120 skipped 102 passed (2.6m)
🎭 Playwright Run Summary
120 skipped 102 passed (2.6m)
🎭 Playwright Run Summary
46 skipped 176 passed (4.0m)
🎭 Playwright Run Summary
49 skipped 173 passed (4.3m)
🎭 Playwright Run Summary
45 skipped 177 passed (4.3m)
🎭 Playwright Run Summary
26 skipped 196 passed (3.8m)
🎭 Playwright Run Summary
43 skipped 179 passed (4.8m)
🎭 Playwright Run Summary
40 skipped 182 passed (4.4m)
🎭 Playwright Run Summary
39 skipped 183 passed (3.9m)
🎭 Playwright Run Summary
59 skipped 163 passed (5.9m)
🎭 Playwright Run Summary
45 skipped 177 passed (4.4m)
🎭 Playwright Run Summary
54 skipped 168 passed (6.6m)
🎭 Playwright Run Summary
68 skipped 154 passed (6.3m)

Artifacts

Produced during runtime
Name Size
react-sdk-next-14-app-playwright-report
156 MB
react-sdk-next-15-app-playwright-report
170 MB