#6779 - matrix alt-rows

surveyjs · Apr 4, 2024 · d9ace2f · d9ace2f
1 parent bbf6023
commit d9ace2f
Show file tree

Hide file tree

Showing 5 changed files with 47 additions and 1 deletion.
diff --git a/src/defaultV2-theme/blocks/sd-file.scss b/src/defaultV2-theme/blocks/sd-file.scss
@@ -280,7 +280,7 @@
 .sd-file--single-image {
   height: calc(36 * #{$base-unit});
 
-  .sd-file__preview {
+  .sd-file__preview-item {
     width: 100%;
     margin: 0;
   }

diff --git a/src/defaultV2-theme/blocks/sd-table.scss b/src/defaultV2-theme/blocks/sd-table.scss
@@ -139,13 +139,22 @@
           &.sd-item--checked .sd-item__decorator {
             background-color: $primary;
           }
+          &.sd-item--readonly.sd-item--checked .sd-item__decorator {
+            background-color: $primary-foreground;
+          }
+          &.sd-item--preview.sd-item--preview .sd-item__decorator {
+            background-color: transparent;
+          }
 
           &.sd-radio--checked .sd-radio__control:focus+.sd-radio__decorator:after {
             background-color: $primary-foreground;
           }
         }
       }
+
     }
+
+
   }
 }
 

diff --git a/visualRegressionTests/tests/defaultV2/etalons/preview-matrix-single-alt-rows.png b/visualRegressionTests/tests/defaultV2/etalons/preview-matrix-single-alt-rows.png
diff --git a/visualRegressionTests/tests/defaultV2/etalons/readonly-matrix-single-alt-rows.png b/visualRegressionTests/tests/defaultV2/etalons/readonly-matrix-single-alt-rows.png
diff --git a/visualRegressionTests/tests/defaultV2/readonly-preview.ts b/visualRegressionTests/tests/defaultV2/readonly-preview.ts
@@ -543,6 +543,43 @@ frameworks.forEach(framework => {
     });
   });
 
+  test("Matrix ReadOnly and Preview alt rows", async (t) => {
+    await wrapVisualTest(t, async (t, comparer) => {
+      await t.resizeWindow(800, 600);
+      await initSurvey(framework, {
+        showPreviewBeforeComplete: "showAnsweredQuestions",
+        showQuestionNumbers: "off",
+        questions: [
+          {
+            "type": "matrix",
+            "name": "question1",
+            "readOnly": true,
+            "alternateRows": true,
+            "defaultValue": {
+              "Row 1": "Column 1",
+              "Row 2": "Column 2"
+            },
+            "columns": [
+              "Column 1",
+              "Column 2",
+              "Column 3"
+            ],
+            "rows": [
+              "Row 1",
+              "Row 2"
+            ]
+          }
+        ]
+      });
+
+      await takeElementScreenshot("readonly-matrix-single-alt-rows.png", Selector(".sd-question__content"), t, comparer);
+      await ClientFunction(() => {
+        (<any>window).survey.showPreview();
+      })();
+      await takeElementScreenshot("preview-matrix-single-alt-rows.png", Selector(".sd-question__content"), t, comparer);
+    });
+  });
+
   test("File ReadOnly and Preview", async (t) => {
     await wrapVisualTest(t, async (t, comparer) => {
       await t.resizeWindow(800, 600);