Skip to content

Revise the UI of a Dynamic Panel with collapsed panels#11066

Draft
tsv2013 wants to merge 1 commit into
V3from
tsv2013/issue10048
Draft

Revise the UI of a Dynamic Panel with collapsed panels#11066
tsv2013 wants to merge 1 commit into
V3from
tsv2013/issue10048

Revise the UI of a Dynamic Panel with collapsed panels

4a98f47
Select commit
Loading
Failed to load commit list.
Azure Pipelines / Library PRs VRT failed Mar 24, 2026 in 46m 11s

Build #20260324.1 had test failures

Details

Tests

  • Failed: 340 (22.31%)
  • Passed: 1,172 (76.90%)
  • Other: 12 (0.79%)
  • Total: 1,524

Annotations

Check failure on line 35871 in Build log

See this annotation in the file changed.

@azure-pipelines azure-pipelines / Library PRs VRT

Build log #L35871

Cmd.exe exited with code '1'.

Check failure on line 35688 in Build log

See this annotation in the file changed.

@azure-pipelines azure-pipelines / Library PRs VRT

Build log #L35688

Cmd.exe exited with code '1'.

Check failure on line 35688 in Build log

See this annotation in the file changed.

@azure-pipelines azure-pipelines / Library PRs VRT

Build log #L35688

Cmd.exe exited with code '1'.

Check failure on line 35691 in Build log

See this annotation in the file changed.

@azure-pipelines azure-pipelines / Library PRs VRT

Build log #L35691

Cmd.exe exited with code '1'.

Check failure on line 1 in vue3 Complex Screenshot › Check complex question

See this annotation in the file changed.

@azure-pipelines azure-pipelines / Library PRs VRT

vue3 Complex Screenshot › Check complex question

complex.spec.ts:88:9 Check complex question
Raw output
  [vrt] › ..\..\screenshots\complex.spec.ts:88:9 › vue3 Complex Screenshot › Check complex question 

    Error: expect(locator).toHaveScreenshot(expected)

      Expected an image 708px by 1455px, received 708px by 1707px. 18872 pixels (ratio 0.02 of all image pixels) are different.

    Expected: D:\a\1\s\screenshots\complex.spec.ts-snapshots\complex-question.png
    Received: D:\a\1\s\packages\survey-vue3-ui\test-results\complex-vue3-Complex-Screenshot-Check-complex-question-vrt\complex-question-actual.png
        Diff: D:\a\1\s\packages\survey-vue3-ui\test-results\complex-vue3-Complex-Screenshot-Check-complex-question-vrt\complex-question-diff.png

    Call log:
      - expect.soft.toHaveScreenshot(complex-question.png) with timeout 10000ms
        - verifying given screenshot expectation
      - waiting for locator('.sd-question').filter({ visible: true }).first()
        - locator resolved to <div id="sq_3" role="group" data-name="order" aria-labelledby="sq_3_ariaTitle" class="sd-element--with-frame sd-element  sd-question sd-question--paneldynamic sd-element--complex sd-question--complex sd-row__question sd-question--title-top">…</div>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - Expected an image 708px by 1455px, received 708px by 1707px. 18872 pixels (ratio 0.02 of all image pixels) are different.
      - waiting 100ms before taking screenshot
      - waiting for locator('.sd-question').filter({ visible: true }).first()
        - locator resolved to <div id="sq_3" role="group" data-name="order" aria-labelledby="sq_3_ariaTitle" class="sd-element--with-frame sd-element  sd-question sd-question--paneldynamic sd-element--complex sd-question--complex sd-row__question sd-question--title-top">…</div>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - captured a stable screenshot
      - Expected an image 708px by 1455px, received 708px by 1707px. 18872 pixels (ratio 0.02 of all image pixels) are different.


       at ..\..\e2e\helper.ts:32

      30 |     const element = (<Locator>currentElement).filter({ visible: true });
      31 |     await expect.soft(element.nth(elementIndex)).toBeVisible();
    > 32 |     await expect.soft(element.nth(elementIndex)).toHaveScreenshot(screenshotName, options);
         |                                                  ^
      33 |   } else {
      34 |     await expect.soft(page).toHaveScreenshot(screenshotName, options);
      35 |   }
        at compareScreenshot (D:\a\1\s\e2e\helper.ts:32:50)
        at D:\a\1\s\screenshots\complex.spec.ts:103:7

    attachment #1: complex-question-expected.png (image/png) ───────────────────────────────────────
    ..\..\screenshots\complex.spec.ts-snapshots\complex-question.png
    ────────────────────────────────────────────────────────────────────────────────────────────────

    attachment #2: complex-question-actual.png (image/png) ─────────────────────────────────────────
    test-results\complex-vue3-Complex-Screenshot-Check-complex-question-vrt\complex-question-actual.png
    ────────────────────────────────────────────────────────────────────────────────────────────────

    attachment #3: complex-question-diff.png (image/png) ───────────────────────────────────────────
    test-results\complex-vue3-Complex-Screenshot-Check-complex-question-vrt\complex-question-diff.png
    ────────────────────────────────────────────────────────────────────────────────────────────────

    Error Context: test-results\complex-vue3-Complex-Screenshot-Check-complex-question-vrt\error-context.md

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

    Error: expect

Check failure on line 1 in vue3 Matrix Screenshot › Matrix single-select in panel

See this annotation in the file changed.

@azure-pipelines azure-pipelines / Library PRs VRT

vue3 Matrix Screenshot › Matrix single-select in panel

matrix.spec.ts:99:9 Matrix single-select in panel
Raw output
  [vrt] › ..\..\screenshots\matrix.spec.ts:99:9 › vue3 Matrix Screenshot › Matrix single-select in panel 

    Error: expect(locator).toHaveScreenshot(expected)

      Expected an image 1056px by 827px, received 1056px by 867px. 4025 pixels (ratio 0.01 of all image pixels) are different.

    Expected: D:\a\1\s\screenshots\matrix.spec.ts-snapshots\question-matrix-single-select-in-panel.png
    Received: D:\a\1\s\packages\survey-vue3-ui\test-results\matrix-vue3-Matrix-Screenshot-Matrix-single-select-in-panel-vrt\question-matrix-single-select-in-panel-actual.png
        Diff: D:\a\1\s\packages\survey-vue3-ui\test-results\matrix-vue3-Matrix-Screenshot-Matrix-single-select-in-panel-vrt\question-matrix-single-select-in-panel-diff.png

    Call log:
      - expect.soft.toHaveScreenshot(question-matrix-single-select-in-panel.png) with timeout 10000ms
        - verifying given screenshot expectation
      - waiting for locator('.sd-row').filter({ visible: true }).first()
        - locator resolved to <div class="sd-row sd-clearfix sd-page__row">…</div>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - Expected an image 1056px by 827px, received 1056px by 867px. 4025 pixels (ratio 0.01 of all image pixels) are different.
      - waiting 100ms before taking screenshot
      - waiting for locator('.sd-row').filter({ visible: true }).first()
        - locator resolved to <div class="sd-row sd-clearfix sd-page__row">…</div>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - captured a stable screenshot
      - Expected an image 1056px by 827px, received 1056px by 867px. 4025 pixels (ratio 0.01 of all image pixels) are different.


       at ..\..\e2e\helper.ts:32

      30 |     const element = (<Locator>currentElement).filter({ visible: true });
      31 |     await expect.soft(element.nth(elementIndex)).toBeVisible();
    > 32 |     await expect.soft(element.nth(elementIndex)).toHaveScreenshot(screenshotName, options);
         |                                                  ^
      33 |   } else {
      34 |     await expect.soft(page).toHaveScreenshot(screenshotName, options);
      35 |   }
        at compareScreenshot (D:\a\1\s\e2e\helper.ts:32:50)
        at D:\a\1\s\screenshots\matrix.spec.ts:159:7

    Error: expect(locator).toHaveScreenshot(expected)

      Expected an image 1056px by 747px, received 1056px by 787px. 2167 pixels (ratio 0.01 of all image pixels) are different.

    Expected: D:\a\1\s\screenshots\matrix.spec.ts-snapshots\question-matrix-single-select-in-panel-no-header.png
    Received: D:\a\1\s\packages\survey-vue3-ui\test-results\matrix-vue3-Matrix-Screenshot-Matrix-single-select-in-panel-vrt\question-matrix-single-select-in-panel-no-header-actual.png
        Diff: D:\a\1\s\packages\survey-vue3-ui\test-results\matrix-vue3-Matrix-Screenshot-Matrix-single-select-in-panel-vrt\question-matrix-single-select-in-panel-no-header-diff.png

    Call log:
      - expect.soft.toHaveScreenshot(question-matrix-single-select-in-panel-no-header.png) with timeout 10000ms
        - verifying given screenshot expectation
      - waiting for locator('.sd-row').filter({ visible: true }).first()
        - locator resolved to <div class="sd-row sd-clearfix sd-page__row">…</div>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - Expected an image 1056px by 747px, received 1056px by 787px. 2167 pixels (ratio 0.01 of all image pixels) are different.
      - waiting 100ms before taking screenshot
      - waiting for locator('.

Check failure on line 1 in vue3 Matrix Screenshot › Matrix multi-select in panel

See this annotation in the file changed.

@azure-pipelines azure-pipelines / Library PRs VRT

vue3 Matrix Screenshot › Matrix multi-select in panel

matrix.spec.ts:201:9 Matrix multi-select in panel
Raw output
  [vrt] › ..\..\screenshots\matrix.spec.ts:201:9 › vue3 Matrix Screenshot › Matrix multi-select in panel 

    Error: expect(locator).toHaveScreenshot(expected)

      Expected an image 1056px by 795px, received 1056px by 835px. 4340 pixels (ratio 0.01 of all image pixels) are different.

    Expected: D:\a\1\s\screenshots\matrix.spec.ts-snapshots\question-matrix-multi-select-in-panel.png
    Received: D:\a\1\s\packages\survey-vue3-ui\test-results\matrix-vue3-Matrix-Screenshot-Matrix-multi-select-in-panel-vrt\question-matrix-multi-select-in-panel-actual.png
        Diff: D:\a\1\s\packages\survey-vue3-ui\test-results\matrix-vue3-Matrix-Screenshot-Matrix-multi-select-in-panel-vrt\question-matrix-multi-select-in-panel-diff.png

    Call log:
      - expect.soft.toHaveScreenshot(question-matrix-multi-select-in-panel.png) with timeout 10000ms
        - verifying given screenshot expectation
      - waiting for locator('.sd-row').filter({ visible: true }).first()
        - locator resolved to <div class="sd-row sd-clearfix sd-page__row">…</div>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - Expected an image 1056px by 795px, received 1056px by 835px. 4340 pixels (ratio 0.01 of all image pixels) are different.
      - waiting 100ms before taking screenshot
      - waiting for locator('.sd-row').filter({ visible: true }).first()
        - locator resolved to <div class="sd-row sd-clearfix sd-page__row">…</div>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - captured a stable screenshot
      - Expected an image 1056px by 795px, received 1056px by 835px. 4340 pixels (ratio 0.01 of all image pixels) are different.


       at ..\..\e2e\helper.ts:32

      30 |     const element = (<Locator>currentElement).filter({ visible: true });
      31 |     await expect.soft(element.nth(elementIndex)).toBeVisible();
    > 32 |     await expect.soft(element.nth(elementIndex)).toHaveScreenshot(screenshotName, options);
         |                                                  ^
      33 |   } else {
      34 |     await expect.soft(page).toHaveScreenshot(screenshotName, options);
      35 |   }
        at compareScreenshot (D:\a\1\s\e2e\helper.ts:32:50)
        at D:\a\1\s\screenshots\matrix.spec.ts:261:7

    Error: expect(locator).toHaveScreenshot(expected)

      Expected an image 1056px by 715px, received 1056px by 755px. 2474 pixels (ratio 0.01 of all image pixels) are different.

    Expected: D:\a\1\s\screenshots\matrix.spec.ts-snapshots\question-matrix-multi-select-in-panel-no-header.png
    Received: D:\a\1\s\packages\survey-vue3-ui\test-results\matrix-vue3-Matrix-Screenshot-Matrix-multi-select-in-panel-vrt\question-matrix-multi-select-in-panel-no-header-actual.png
        Diff: D:\a\1\s\packages\survey-vue3-ui\test-results\matrix-vue3-Matrix-Screenshot-Matrix-multi-select-in-panel-vrt\question-matrix-multi-select-in-panel-no-header-diff.png

    Call log:
      - expect.soft.toHaveScreenshot(question-matrix-multi-select-in-panel-no-header.png) with timeout 10000ms
        - verifying given screenshot expectation
      - waiting for locator('.sd-row').filter({ visible: true }).first()
        - locator resolved to <div class="sd-row sd-clearfix sd-page__row">…</div>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - Expected an image 1056px by 715px, received 1056px by 755px. 2474 pixels (ratio 0.01 of all image pixels) are different.
      - waiting 100ms before taking screenshot
      - waiting for locator('.sd-row').fil

Check failure on line 1 in vue3 Matrix Screenshot › Matrix single-select in panel with many columns

See this annotation in the file changed.

@azure-pipelines azure-pipelines / Library PRs VRT

vue3 Matrix Screenshot › Matrix single-select in panel with many columns

matrix.spec.ts:171:9 Matrix single-select in panel with many columns
Raw output
  [vrt] › ..\..\screenshots\matrix.spec.ts:171:9 › vue3 Matrix Screenshot › Matrix single-select in panel with many columns 

    Error: expect(locator).toHaveScreenshot(expected)

      Expected an image 1104px by 402px, received 1104px by 442px. 2666 pixels (ratio 0.01 of all image pixels) are different.

    Expected: D:\a\1\s\screenshots\matrix.spec.ts-snapshots\question-matrix-single-select-in-panel-many-columns.png
    Received: D:\a\1\s\packages\survey-vue3-ui\test-results\matrix-vue3-Matrix-Screens-0e8d1--in-panel-with-many-columns-vrt\question-matrix-single-select-in-panel-many-columns-actual.png
        Diff: D:\a\1\s\packages\survey-vue3-ui\test-results\matrix-vue3-Matrix-Screens-0e8d1--in-panel-with-many-columns-vrt\question-matrix-single-select-in-panel-many-columns-diff.png

    Call log:
      - expect.soft.toHaveScreenshot(question-matrix-single-select-in-panel-many-columns.png) with timeout 10000ms
        - verifying given screenshot expectation
      - waiting for locator('.sd-row').filter({ visible: true }).first()
        - locator resolved to <div class="sd-row sd-clearfix sd-page__row">…</div>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - Expected an image 1104px by 402px, received 1104px by 442px. 2666 pixels (ratio 0.01 of all image pixels) are different.
      - waiting 100ms before taking screenshot
      - waiting for locator('.sd-row').filter({ visible: true }).first()
        - locator resolved to <div class="sd-row sd-clearfix sd-page__row">…</div>
      - taking element screenshot
        - disabled all CSS animations
      - waiting for fonts to load...
      - fonts loaded
      - attempting scroll into view action
        - waiting for element to be stable
      - captured a stable screenshot
      - Expected an image 1104px by 402px, received 1104px by 442px. 2666 pixels (ratio 0.01 of all image pixels) are different.


       at ..\..\e2e\helper.ts:32

      30 |     const element = (<Locator>currentElement).filter({ visible: true });
      31 |     await expect.soft(element.nth(elementIndex)).toBeVisible();
    > 32 |     await expect.soft(element.nth(elementIndex)).toHaveScreenshot(screenshotName, options);
         |                                                  ^
      33 |   } else {
      34 |     await expect.soft(page).toHaveScreenshot(screenshotName, options);
      35 |   }
        at compareScreenshot (D:\a\1\s\e2e\helper.ts:32:50)
        at D:\a\1\s\screenshots\matrix.spec.ts:198:7

    attachment #1: question-matrix-single-select-in-panel-many-columns-expected.png (image/png) ────
    ..\..\screenshots\matrix.spec.ts-snapshots\question-matrix-single-select-in-panel-many-columns.png
    ────────────────────────────────────────────────────────────────────────────────────────────────

    attachment #2: question-matrix-single-select-in-panel-many-columns-actual.png (image/png) ──────
    test-results\matrix-vue3-Matrix-Screens-0e8d1--in-panel-with-many-columns-vrt\question-matrix-single-select-in-panel-many-columns-actual.png
    ────────────────────────────────────────────────────────────────────────────────────────────────

    attachment #3: question-matrix-single-select-in-panel-many-columns-diff.png (image/png) ────────
    test-results\matrix-vue3-Matrix-Screens-0e8d1--in-panel-with-many-columns-vrt\question-matrix-single-select-in-panel-many-columns-diff.png
    ────────────────────────────────────────────────────────────────────────────────────────────────

    Error Context: test-results\matrix-vue3-Matrix-Screens-0e8d1--in-panel-with-many-columns-vrt\error-context.md

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

    Error: expect(locator).toHaveScreenshot(expected)

      Expected an image 1104px by 402px, received 1104px by 442px. 2666