From b57b4f6a41eb39b5a41b48b2d1bca3653865c91e Mon Sep 17 00:00:00 2001 From: Dmitry Kuzin Date: Fri, 20 Oct 2023 13:05:12 +0400 Subject: [PATCH] Work for #7191: fix mobile multipletext with inputType 'date' --- src/defaultV2-theme/defaultV2.m600.scss | 6 +++ ...responsiveness-multipletext-date-empty.png | Bin 0 -> 7563 bytes ...responsiveness-multipletext-date-focus.png | Bin 0 -> 9047 bytes .../responsiveness-multipletext-date.png | Bin 0 -> 9611 bytes .../tests/defaultV2/responsiveness.ts | 37 ++++++++++++++++++ 5 files changed, 43 insertions(+) create mode 100644 visualRegressionTests/tests/defaultV2/etalons/responsiveness-multipletext-date-empty.png create mode 100644 visualRegressionTests/tests/defaultV2/etalons/responsiveness-multipletext-date-focus.png create mode 100644 visualRegressionTests/tests/defaultV2/etalons/responsiveness-multipletext-date.png diff --git a/src/defaultV2-theme/defaultV2.m600.scss b/src/defaultV2-theme/defaultV2.m600.scss index 7fa459233a..d5277a705f 100644 --- a/src/defaultV2-theme/defaultV2.m600.scss +++ b/src/defaultV2-theme/defaultV2.m600.scss @@ -62,6 +62,7 @@ .sd-multipletext__item { flex-basis: 0; + min-width: 0; .sd-input { padding: 0; @@ -84,7 +85,12 @@ .sd-multipletext__item { flex-basis: auto; + min-width: auto; width: 100%; + + .sd-input { + width: 100%; + } } } } diff --git a/visualRegressionTests/tests/defaultV2/etalons/responsiveness-multipletext-date-empty.png b/visualRegressionTests/tests/defaultV2/etalons/responsiveness-multipletext-date-empty.png new file mode 100644 index 0000000000000000000000000000000000000000..bc18c4b68ac7d6d5f4ee42d5f179e93239de790b GIT binary patch literal 7563 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 HZx#MOO@9Zm literal 0 HcmV?d00001 diff --git a/visualRegressionTests/tests/defaultV2/etalons/responsiveness-multipletext-date-focus.png b/visualRegressionTests/tests/defaultV2/etalons/responsiveness-multipletext-date-focus.png new file mode 100644 index 0000000000000000000000000000000000000000..c5424aef74883021bcbe15627be051c849c0b950 GIT binary patch literal 9047 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 literal 0 HcmV?d00001 diff --git a/visualRegressionTests/tests/defaultV2/etalons/responsiveness-multipletext-date.png b/visualRegressionTests/tests/defaultV2/etalons/responsiveness-multipletext-date.png new file mode 100644 index 0000000000000000000000000000000000000000..47663a75299019820520c16acdc8a0efdf2fbec7 GIT binary patch literal 9611 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 vDLJ_VAQ^a= { await takeElementScreenshot("responsiveness-multipletext.png", Selector(".sd-question"), t, comparer); }); }); + test("Check multipletext with inputType 'date' on small screen", async (t) => { + await wrapVisualTest(t, async (t, comparer) => { + await t.resizeWindow(600, 1080); + await initSurvey(framework, { + showQuestionNumbers: "off", + questions: [ + { + type: "multipletext", + name: "q1", + title: "Personal Information", + colCount: 2, + items: [ + { + name: "item1", + inputType: "date", + title: "Depature Date " + }, + { + name: "item2", + inputType: "date", + title: "Arrival Date " + }, + ] + }, + ] + }); + const inputSelector = Selector(".sd-input"); + await takeElementScreenshot("responsiveness-multipletext-date-empty.png", Selector(".sd-question"), t, comparer); + await t.click(inputSelector.nth(0)); + await takeElementScreenshot("responsiveness-multipletext-date-focus.png", Selector(".sd-question"), t, comparer); + await t.typeText(inputSelector.nth(1), "2004-01-12") + .click(inputSelector.nth(2)) + .typeText(inputSelector.nth(3), "2004-02-12"); + await resetFocusToBody(); + await takeElementScreenshot("responsiveness-multipletext-date.png", Selector(".sd-question"), t, comparer); + }); + }); test("Check multicolumn checkbox question on small screen", async (t) => { await wrapVisualTest(t, async (t, comparer) => { await t.resizeWindow(600, 1080);