PR: LIBRARY: Shadow DOM should work without duplicate styles in root (:host issue) #10999

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft

dmitry-kurmanov wants to merge 11 commits into master from bug/private-522-shadow-dom-host

+925 −49

Draft

PR: LIBRARY: Shadow DOM should work without duplicate styles in root (:host issue) #10999

Shadow DOM should work without duplicate styles in root (:host issue)…

Azure Pipelines / Library PRs failed Mar 10, 2026 in 18m 49s

Build #20260310.4 had test failures

4 errors / 0 warnings

Details

Tests

Failed: 5 (0.28%)
Passed: 1,757 (99.49%)
Other: 4 (0.23%)
Total: 1,766

Annotations

Check failure on line 961 in Build log

azure-pipelines / Library PRs

Build log #L961

Bash exited with code '1'.

Check failure on line 19 in Build log

azure-pipelines / Library PRs

Build log #L19

There are one or more test failures detected in result files. Detailed summary of published test results can be viewed in the Tests tab.

Check failure on line 599 in Build log

azure-pipelines / Library PRs

Build log #L599

Bash exited with code '1'.

Check failure on line 19 in Build log

azure-pipelines / Library PRs

Build log #L19

There are one or more test failures detected in result files. Detailed summary of published test results can be viewed in the Tests tab.

Check failure on line 1 in Popup - survey-js-ui › check survey in showModal

azure-pipelines / Library PRs

Popup - survey-js-ui › check survey in showModal

popup.spec.ts:239:9 check survey in showModal

Raw output


              [e2e] › ../../e2e/components/popup.spec.ts:239:9 › Popup - survey-js-ui › check survey in showModal 

    Error: expect(received).toBeLessThanOrEqual(expected)

    Expected: <= 0.1
    Received:    197

      278 |
      279 |       expect(Math.abs(popupClientRect?.x - calcLeft)).toBeLessThanOrEqual(0.1);
    > 280 |       expect(Math.abs(popupClientRect?.y - calcTop)).toBeLessThanOrEqual(0.1);
          |                                                      ^
      281 |
      282 |       // Try close popup
      283 |       await popupModalSelector.click({ position: { x: 50, y: 50 } });
        at /home/vsts/work/1/s/e2e/components/popup.spec.ts:280:54

    Error Context: test-results/components-popup-Popup---s-7d755-i-check-survey-in-showModal-e2e/error-context.md

    Retry #1 ───────────────────────────────────────────────────────────────────────────────────────

    Error: expect(received).toBeLessThanOrEqual(expected)

    Expected: <= 0.1
    Received:    197

      278 |
      279 |       expect(Math.abs(popupClientRect?.x - calcLeft)).toBeLessThanOrEqual(0.1);
    > 280 |       expect(Math.abs(popupClientRect?.y - calcTop)).toBeLessThanOrEqual(0.1);
          |                                                      ^
      281 |
      282 |       // Try close popup
      283 |       await popupModalSelector.click({ position: { x: 50, y: 50 } });
        at /home/vsts/work/1/s/e2e/components/popup.spec.ts:280:54

    Error Context: test-results/components-popup-Popup---s-7d755-i-check-survey-in-showModal-e2e-retry1/error-context.md

    Retry #2 ───────────────────────────────────────────────────────────────────────────────────────

    Error: expect(received).toBeLessThanOrEqual(expected)

    Expected: <= 0.1
    Received:    197

      278 |
      279 |       expect(Math.abs(popupClientRect?.x - calcLeft)).toBeLessThanOrEqual(0.1);
    > 280 |       expect(Math.abs(popupClientRect?.y - calcTop)).toBeLessThanOrEqual(0.1);
          |                                                      ^
      281 |
      282 |       // Try close popup
      283 |       await popupModalSelector.click({ position: { x: 50, y: 50 } });
        at /home/vsts/work/1/s/e2e/components/popup.spec.ts:280:54

    Error Context: test-results/components-popup-Popup---s-7d755-i-check-survey-in-showModal-e2e-retry2/error-context.md

    Retry #3 ───────────────────────────────────────────────────────────────────────────────────────

    Error: expect(received).toBeLessThanOrEqual(expected)

    Expected: <= 0.1
    Received:    197

      278 |
      279 |       expect(Math.abs(popupClientRect?.x - calcLeft)).toBeLessThanOrEqual(0.1);
    > 280 |       expect(Math.abs(popupClientRect?.y - calcTop)).toBeLessThanOrEqual(0.1);
          |                                                      ^
      281 |
      282 |       // Try close popup
      283 |       await popupModalSelector.click({ position: { x: 50, y: 50 } });
        at /home/vsts/work/1/s/e2e/components/popup.spec.ts:280:54

    Error Context: test-results/components-popup-Popup---s-7d755-i-check-survey-in-showModal-e2e-retry3/error-context.md

    Retry #4 ───────────────────────────────────────────────────────────────────────────────────────

    Error: expect(received).toBeLessThanOrEqual(expected)

    Expected: <= 0.1
    Received:    197

      278 |
      279 |       expect(Math.abs(popupClientRect?.x - calcLeft)).toBeLessThanOrEqual(0.1);
    > 280 |       expect(Math.abs(popupClientRect?.y - calcTop)).toBeLessThanOrEqual(0.1);
          |                                                      ^
      281 |
      282 |       // Try close popup
      283 |       await popupModalSelector.click({ position: { x: 50, y: 50 } });
        at /home/vsts/work/1/s/e2e/components/popup.spec.ts:280:54

    Error Context: test-results/components-popup-Popup---s-7d755-i-check-survey-in-showModal-e2e-retry4/error-context.md

Check failure on line 1 in survey-js-ui matrixdynamic › show/hide details mobile

azure-pipelines / Library PRs

survey-js-ui matrixdynamic › show/hide details mobile

matrixdynamic.spec.ts:409:9 show/hide details mobile

Raw output


              [e2e] › ../../e2e/questions/matrixdynamic.spec.ts:409:9 › survey-js-ui matrixdynamic › show/hide details mobile 

    Error: Timed out 5000ms waiting for expect(locator).toContainText(expected)

    Locator: locator('button[title=\'Show Details\']').filter({ visible: true }).first()
    Expected string: "Show Details"
    Received string: ""
    Call log:
      - expect.toContainText with timeout 5000ms
      - waiting for locator('button[title=\'Show Details\']').filter({ visible: true }).first()
        9 × locator resolved to <button type="button" title="Show Details" aria-expanded="false" class="sd-table__cell--detail-button">…</button>
          - unexpected value ""


      439 |       await page.waitForTimeout(500);
      440 |       await page.locator("button").filter({ hasText: "Add Row" }).click();
    > 441 |       await expect(page.locator("button[title='Show Details']").filter({ visible: true }).first()).toContainText("Show Details");
          |                                                                                                    ^
      442 |       await expect(page.locator("button[title='Hide Details']").filter({ visible: true }).first()).toContainText("Hide Details");
      443 |
      444 |       await page.locator("button[title='Show Details']").filter({ visible: true }).first().click();
        at /home/vsts/work/1/s/e2e/questions/matrixdynamic.spec.ts:441:100

    Error Context: test-results/questions-matrixdynamic-su-ecc21-ic-show-hide-details-mobile-e2e/error-context.md

    Retry #1 ───────────────────────────────────────────────────────────────────────────────────────

    Error: Timed out 5000ms waiting for expect(locator).toContainText(expected)

    Locator: locator('button[title=\'Show Details\']').filter({ visible: true }).first()
    Expected string: "Show Details"
    Received string: ""
    Call log:
      - expect.toContainText with timeout 5000ms
      - waiting for locator('button[title=\'Show Details\']').filter({ visible: true }).first()
        9 × locator resolved to <button type="button" title="Show Details" aria-expanded="false" class="sd-table__cell--detail-button">…</button>
          - unexpected value ""


      439 |       await page.waitForTimeout(500);
      440 |       await page.locator("button").filter({ hasText: "Add Row" }).click();
    > 441 |       await expect(page.locator("button[title='Show Details']").filter({ visible: true }).first()).toContainText("Show Details");
          |                                                                                                    ^
      442 |       await expect(page.locator("button[title='Hide Details']").filter({ visible: true }).first()).toContainText("Hide Details");
      443 |
      444 |       await page.locator("button[title='Show Details']").filter({ visible: true }).first().click();
        at /home/vsts/work/1/s/e2e/questions/matrixdynamic.spec.ts:441:100

    Error Context: test-results/questions-matrixdynamic-su-ecc21-ic-show-hide-details-mobile-e2e-retry1/error-context.md

    Retry #2 ───────────────────────────────────────────────────────────────────────────────────────

    Error: Timed out 5000ms waiting for expect(locator).toContainText(expected)

    Locator: locator('button[title=\'Show Details\']').filter({ visible: true }).first()
    Expected string: "Show Details"
    Received string: ""
    Call log:
      - expect.toContainText with timeout 5000ms
      - waiting for locator('button[title=\'Show Details\']').filter({ visible: true }).first()
        9 × locator resolved to <button type="button" title="Show Details" aria-expanded="false" class="sd-table__cell--detail-button">…</button>
          - unexpected value ""


      439 |       await page.waitForTimeout(500);
      440 |       await page.locator("button").filter({ hasText: "Add Row" }).click();
    > 441 |       await expect(page.locator("button[title='Show Details']").filter({ visible: true }).first()).toContainText("Show

Check failure on line 1 in survey-js-ui popupSurvey › Check dropdown-popups hiding during parent survey popup scrolling

azure-pipelines / Library PRs

survey-js-ui popupSurvey › Check dropdown-popups hiding during parent survey popup scrolling

popup.spec.ts:136:9 Check dropdown-popups hiding during parent survey popup scrolling

Raw output


              [e2e] › ../../e2e/survey/popup.spec.ts:136:9 › survey-js-ui popupSurvey › Check dropdown-popups hiding during parent survey popup scrolling 

    Error: Timed out 5000ms waiting for expect(locator).toHaveCount(expected)

    Locator: locator('.sv-popup__container').filter({ visible: true })
    Expected: 0
    Received: 1
    Call log:
      - expect.toHaveCount with timeout 5000ms
      - waiting for locator('.sv-popup__container').filter({ visible: true })
        9 × locator resolved to 1 element
          - unexpected value "1"


      175 |         document.querySelector(".sv_window")?.scroll({ top: 100 });
      176 |       });
    > 177 |       await expect(page.locator(".sv-popup__container").filter({ visible: true })).toHaveCount(0);
          |                                                                                    ^
      178 |     });
      179 |   });
      180 | });
        at /home/vsts/work/1/s/e2e/survey/popup.spec.ts:177:84

    Error Context: test-results/survey-popup-survey-js-ui--7059e-rent-survey-popup-scrolling-e2e/error-context.md

    Retry #1 ───────────────────────────────────────────────────────────────────────────────────────

    Error: Timed out 5000ms waiting for expect(locator).toHaveCount(expected)

    Locator: locator('.sv-popup__container').filter({ visible: true })
    Expected: 0
    Received: 1
    Call log:
      - expect.toHaveCount with timeout 5000ms
      - waiting for locator('.sv-popup__container').filter({ visible: true })
        9 × locator resolved to 1 element
          - unexpected value "1"


      175 |         document.querySelector(".sv_window")?.scroll({ top: 100 });
      176 |       });
    > 177 |       await expect(page.locator(".sv-popup__container").filter({ visible: true })).toHaveCount(0);
          |                                                                                    ^
      178 |     });
      179 |   });
      180 | });
        at /home/vsts/work/1/s/e2e/survey/popup.spec.ts:177:84

    Error Context: test-results/survey-popup-survey-js-ui--7059e-rent-survey-popup-scrolling-e2e-retry1/error-context.md

    Retry #2 ───────────────────────────────────────────────────────────────────────────────────────

    Error: Timed out 5000ms waiting for expect(locator).toHaveCount(expected)

    Locator: locator('.sv-popup__container').filter({ visible: true })
    Expected: 0
    Received: 1
    Call log:
      - expect.toHaveCount with timeout 5000ms
      - waiting for locator('.sv-popup__container').filter({ visible: true })
        9 × locator resolved to 1 element
          - unexpected value "1"


      175 |         document.querySelector(".sv_window")?.scroll({ top: 100 });
      176 |       });
    > 177 |       await expect(page.locator(".sv-popup__container").filter({ visible: true })).toHaveCount(0);
          |                                                                                    ^
      178 |     });
      179 |   });
      180 | });
        at /home/vsts/work/1/s/e2e/survey/popup.spec.ts:177:84

    Error Context: test-results/survey-popup-survey-js-ui--7059e-rent-survey-popup-scrolling-e2e-retry2/error-context.md

    Retry #3 ───────────────────────────────────────────────────────────────────────────────────────

    Error: Timed out 5000ms waiting for expect(locator).toHaveCount(expected)

    Locator: locator('.sv-popup__container').filter({ visible: true })
    Expected: 0
    Received: 1
    Call log:
      - expect.toHaveCount with timeout 5000ms
      - waiting for locator('.sv-popup__container').filter({ visible: true })
        9 × locator resolved to 1 element
          - unexpected value "1"


      175 |         document.querySelector(".sv_window")?.scroll({ top: 100 });
      176 |       });
    > 177 |       await expect(page.locator(".sv-popup__container").filter({ visible: true })).toHaveCount(0);
          |                                                                                    ^

Check failure on line 1 in survey-js-ui Survey responsiveness › check survey root class on isMobile switch

azure-pipelines / Library PRs

survey-js-ui Survey responsiveness › check survey root class on isMobile switch

responsiveness.spec.ts:7:9 check survey root class on isMobile switch

Raw output


              [e2e] › ../../e2e/survey/responsiveness.spec.ts:7:9 › survey-js-ui Survey responsiveness › check survey root class on isMobile switch 

    Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)

    Locator: locator('.sd-root-modern')
    Expected pattern: /sd-root-modern--mobile/
    Received string:  "sd-root-modern sd-progress--pages sd-root-modern--animation-disabled sd-root-modern--full-container"
    Call log:
      - expect.toHaveClass with timeout 5000ms
      - waiting for locator('.sd-root-modern')
        9 × locator resolved to <div lang="en" class="sd-root-modern sd-progress--pages sd-root-modern--animation-disabled sd-root-modern--full-container">…</div>
          - unexpected value "sd-root-modern sd-progress--pages sd-root-modern--animation-disabled sd-root-modern--full-container"


      26 |       await page.setViewportSize({ width: 500, height: 1000 });
      27 |       await page.waitForTimeout(500);
    > 28 |       await expect(rootSelector).toHaveClass(mobileClass);
         |                                  ^
      29 |       await page.setViewportSize({ width: 1000, height: 1000 });
      30 |       await page.waitForTimeout(500);
      31 |       await expect(rootSelector).not.toHaveClass(mobileClass);
        at /home/vsts/work/1/s/e2e/survey/responsiveness.spec.ts:28:34

    Error Context: test-results/survey-responsiveness-surv-80eec-ot-class-on-isMobile-switch-e2e/error-context.md

    Retry #1 ───────────────────────────────────────────────────────────────────────────────────────

    Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)

    Locator: locator('.sd-root-modern')
    Expected pattern: /sd-root-modern--mobile/
    Received string:  "sd-root-modern sd-progress--pages sd-root-modern--animation-disabled sd-root-modern--full-container"
    Call log:
      - expect.toHaveClass with timeout 5000ms
      - waiting for locator('.sd-root-modern')
        9 × locator resolved to <div lang="en" class="sd-root-modern sd-progress--pages sd-root-modern--animation-disabled sd-root-modern--full-container">…</div>
          - unexpected value "sd-root-modern sd-progress--pages sd-root-modern--animation-disabled sd-root-modern--full-container"


      26 |       await page.setViewportSize({ width: 500, height: 1000 });
      27 |       await page.waitForTimeout(500);
    > 28 |       await expect(rootSelector).toHaveClass(mobileClass);
         |                                  ^
      29 |       await page.setViewportSize({ width: 1000, height: 1000 });
      30 |       await page.waitForTimeout(500);
      31 |       await expect(rootSelector).not.toHaveClass(mobileClass);
        at /home/vsts/work/1/s/e2e/survey/responsiveness.spec.ts:28:34

    Error Context: test-results/survey-responsiveness-surv-80eec-ot-class-on-isMobile-switch-e2e-retry1/error-context.md

    Retry #2 ───────────────────────────────────────────────────────────────────────────────────────

    Error: Timed out 5000ms waiting for expect(locator).toHaveClass(expected)

    Locator: locator('.sd-root-modern')
    Expected pattern: /sd-root-modern--mobile/
    Received string:  "sd-root-modern sd-progress--pages sd-root-modern--animation-disabled sd-root-modern--full-container"
    Call log:
      - expect.toHaveClass with timeout 5000ms
      - waiting for locator('.sd-root-modern')
        9 × locator resolved to <div lang="en" class="sd-root-modern sd-progress--pages sd-root-modern--animation-disabled sd-root-modern--full-container">…</div>
          - unexpected value "sd-root-modern sd-progress--pages sd-root-modern--animation-disabled sd-root-modern--full-container"


      26 |       await page.setViewportSize({ width: 500, height: 1000 });
      27 |       await page.waitForTimeout(500);
    > 28 |       await expect(rootSelector).toHaveClass(mobileClass);
         |                                  ^
      29 |       await page.setViewportSize({ width: 1000, height: 1000 });

View more details on Azure Pipelines

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

PR: LIBRARY: Shadow DOM should work without duplicate styles in root (:host issue) #10999

Uh oh!

PR: LIBRARY: Shadow DOM should work without duplicate styles in root (:host issue) #10999

Uh oh!

Build #20260310.4 had test failures

Details

Annotations

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

Re-running checks...

PR: LIBRARY: Shadow DOM should work without duplicate styles in root (:host issue) #10999

Are you sure you want to change the base?

Shadow DOM should work without duplicate styles in root (:host issue)…

Uh oh!

PR: LIBRARY: Shadow DOM should work without duplicate styles in root (:host issue) #10999

Uh oh!

Build #20260310.4 had test failures

Details

Annotations

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

azure-pipelines / Library PRs

Re-running checks...