SQuiz/frontPanel
2
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

add text question preview test

Browse Source
This commit is contained in:
nflnkr 2023-11-06 17:41:50 +03:00
parent 4631f6098a
commit 930386b9c8
6 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
cypress/e2e/quizPreview.cy.ts
View File

@ -28,7 +28,7 @@ describe("Quiz preview", () => {
it("should contain title and options, and be selected properly", () => {
cy.get("[data-cy=quiz-preview-layout]").within(() => {
cy.get("[data-cy=variant-title]").should("have.text", "Question Title");
cy.get("[data-cy=question-title]").should("have.text", "Question Title");
cy.get("[data-cy=variant-answer]").eq(0).should("have.text", "Answer 1");
cy.get("[data-cy=variant-answer]").eq(1).should("have.text", "Answer 2");
cy.get("[data-cy=variant-answer]").eq(2).should("have.text", "Answer 3");
@ -159,7 +159,7 @@ describe("Quiz preview", () => {
it("should contain title and options, and be selected properly", () => {
cy.get("[data-cy=quiz-preview-layout]").within(() => {
cy.get("[data-cy=variant-title]").should("have.text", "Question Title");
cy.get("[data-cy=question-title]").should("have.text", "Question Title");
cy.get("[data-cy=variant-answer]").eq(0).should("have.text", "Answer 1");
cy.get("[data-cy=variant-answer]").eq(1).should("have.text", "Answer 2");
cy.get("[data-cy=variant-answer]").eq(2).should("have.text", "Answer 3");
@ -237,7 +237,7 @@ describe("Quiz preview", () => {
const emojiRegex = "(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])";
cy.get("[data-cy=quiz-preview-layout]").within(() => {
cy.get("[data-cy=variant-title]").should("have.text", "Question Title");
cy.get("[data-cy=question-title]").should("have.text", "Question Title");
cy.get("[data-cy=variant-answer]").eq(0).invoke("text").should("match",
new RegExp(`${emojiRegex} Answer 1`)
);
@ -265,4 +265,23 @@ describe("Quiz preview", () => {
});
});
});
describe("Text question", () => {
beforeEach(function setupQuestion() {
cy.get("[data-cy=select-questiontype-text]").click();
cy.get("[data-cy=quiz-question-card]").eq(0).within(() => {
cy.get("[data-cy=quiz-question-title]").type("Question Title");
cy.get("[data-cy=textfield]").type("Suggestion");
});
});
it("should contain title and textfield, that can be filled", () => {
cy.get("[data-cy=quiz-preview-layout]").within(() => {
cy.get("[data-cy=question-title]").should("have.text", "Question Title");
cy.get("[data-cy=textfield] input").should("have.attr", "placeholder", "Suggestion");
cy.get("[data-cy=textfield] input").focus().type("Some text");
cy.get("[data-cy=textfield] input").should("have.prop", "value", "Some text");
});
});
});
});

1
src/ui_kit/CustomTextField.tsx
View File

@ -67,6 +67,7 @@ export default function CustomTextField({
py: 0,
},
}}
data-cy="textfield"
/>
</FormControl>
);

2
src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Emoji.tsx
View File

@ -27,7 +27,7 @@ export default function Emoji({ question }: Props) {
return (
<FormControl fullWidth>
<FormLabel id="quiz-question-radio-group" data-cy="variant-title">{question.title}</FormLabel>
<FormLabel id="quiz-question-radio-group" data-cy="question-title">{question.title}</FormLabel>
<RadioGroup
aria-labelledby="quiz-question-radio-group"
value={value}

2
src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Text.tsx
View File

@ -17,7 +17,7 @@ export default function Text({ question }: Props) {
gap: 1,
}}
>
<Typography variant="h6">{question.title}</Typography>
<Typography variant="h6" data-cy="question-title">{question.title}</Typography>
<CustomTextField placeholder={question.content.placeholder} />
</Box>
);

2
src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Variant.tsx
View File

@ -27,7 +27,7 @@ export default function Variant({ question }: Props) {
return (
<FormControl fullWidth>
<FormLabel id="quiz-question-radio-group" data-cy="variant-title">
<FormLabel id="quiz-question-radio-group" data-cy="question-title">
{question.title}
</FormLabel>
<RadioGroup

2
src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Varimg.tsx
View File

@ -44,7 +44,7 @@ export default function Varimg({ question }: Props) {
<FormControl>
<FormLabel
id="quiz-question-radio-group"
data-cy="variant-title"
data-cy="question-title"
>
{question.title}
</FormLabel>