From cf887e1bbe2815018af3506865361f2980c76eb6 Mon Sep 17 00:00:00 2001
From: nflnkr <molohov.eugeny@yandex.ru>
Date: Tue, 7 Nov 2023 14:45:47 +0300
Subject: [PATCH] add select question preview test

---
 cypress/e2e/quizPreview.cy.ts                 | 24 +++++++++++++++++++
 .../QuizPreviewQuestionTypes/Select.tsx       |  2 ++
 2 files changed, 26 insertions(+)

diff --git a/cypress/e2e/quizPreview.cy.ts b/cypress/e2e/quizPreview.cy.ts
index 1f8803d6..bd5d1a60 100644
--- a/cypress/e2e/quizPreview.cy.ts
+++ b/cypress/e2e/quizPreview.cy.ts
@@ -284,4 +284,28 @@ describe("Quiz preview", () => {
             });
         });
     });
+
+    describe("Select question", () => {
+        beforeEach(function setupQuestion() {
+            cy.get("[data-cy=select-questiontype-select]").click();
+            cy.get("[data-cy=quiz-question-title]").type("Question Title");
+            cy.get("[data-cy=quiz-variant-question-answer]").eq(0).type("Answer 1{enter}");
+            cy.get("[data-cy=quiz-variant-question-answer]").eq(1).type("Answer 2{enter}");
+            cy.get("[data-cy=quiz-variant-question-answer]").eq(2).type("Answer 3");
+        });
+
+        it("should contain title and select, and be selected properly", () => {
+            cy.get("[data-cy=quiz-preview-layout]").within(() => {
+                cy.get("[data-cy=select]").click();
+                cy.get("[data-cy=select-option]", { withinSubject: null }).eq(0).click();
+                cy.get("[data-cy=select] #category-select").should("have.text", "Answer 1");
+                cy.get("[data-cy=select]").click();
+                cy.get("[data-cy=select-option]", { withinSubject: null }).eq(1).click();
+                cy.get("[data-cy=select] #category-select").should("have.text", "Answer 2");
+                cy.get("[data-cy=select]").click();
+                cy.get("[data-cy=select-option]", { withinSubject: null }).eq(2).click();
+                cy.get("[data-cy=select] #category-select").should("have.text", "Answer 3");
+            });
+        });
+    });
 });
diff --git a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx
index 0d95ab64..4862fd4d 100644
--- a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx
+++ b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Select.tsx
@@ -49,6 +49,7 @@ export default function Text({ question }: Props) {
           placeholder={question.content.default}
           displayEmpty
           onChange={handleChange}
+          data-cy="select"
           sx={{
             height: "48px",
             borderRadius: "8px",
@@ -105,6 +106,7 @@ export default function Text({ question }: Props) {
               <MenuItem
                 key={variant.answer}
                 value={variant.answer}
+                data-cy="select-option"
                 sx={{
                   display: "flex",
                   alignItems: "center",