Skip to content

Commit

Permalink
Panel Dynamic - Inner Fields overlap available screen area (#7081)
Browse files Browse the repository at this point in the history
* Panel Dynamic - Inner Fields overlap available screen area
Fixes #5935

* #5935 - set survey width for tests

* #5935 - fixed width auto style

* #5935 fixed unit tests

* #5935 - wider surveys in tests

* #5935 - upgrade screenshot tests

* #use current chrome in markup tests

* #5935 - update f-test

* #5935 update screenshots

---------

Co-authored-by: Aleksey Novikov <novikov@abrisplatform.com>
  • Loading branch information
novikov82 and Aleksey Novikov committed Oct 6, 2023
1 parent 9a36f6e commit c9603f1
Show file tree
Hide file tree
Showing 39 changed files with 74 additions and 36 deletions.
2 changes: 1 addition & 1 deletion build-scripts/karma.conf.js
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ var webpackConfig = webpackConfigCreator({
packageJson
);

process.env.CHROME_BIN = require("puppeteer").executablePath();
//process.env.CHROME_BIN = require("puppeteer").executablePath();

/*setup ts config file for tests ("noImplicitAny": false)*/
webpackConfig.module.rules[0].options.configFile = "build-scripts/tsconfig.tests.json";
Expand Down
1 change: 0 additions & 1 deletion src/question.ts
Original file line number Diff line number Diff line change
Expand Up @@ -112,7 +112,6 @@ export class Question extends SurveyElement<Question>
}
public setIsMobile(val: boolean) {
this.isMobile = val && (this.allowMobileInDesignMode() || !this.isDesignMode);
this.renderMinWidth = !val;
}
@property({ defaultValue: false }) isMobile: boolean;
@property() forceIsInputReadOnly: boolean;
Expand Down
4 changes: 2 additions & 2 deletions src/survey-element.ts
Original file line number Diff line number Diff line change
Expand Up @@ -908,11 +908,11 @@ export class SurveyElement<E = any> extends SurveyElementCore implements ISurvey
}

@property({ defaultValue: true }) allowRootStyle: boolean;
@property({ defaultValue: true }) renderMinWidth: boolean;

get rootStyle() {
let style: { [index: string]: any } = {};
let minWidth = this.renderMinWidth ? this.minWidth : "min(100%, " + this.minWidth + ")";
let minWidth = this.minWidth;
if (minWidth != "auto") minWidth = "min(100%, " + this.minWidth + ")";
if (this.allowRootStyle && this.renderWidth) {
// style["width"] = this.renderWidth;
style["flexGrow"] = 1;
Expand Down
4 changes: 2 additions & 2 deletions testCafe/survey/surveyWidth.ts
Original file line number Diff line number Diff line change
Expand Up @@ -26,10 +26,10 @@ frameworks.forEach((framework) => {

test("Check question width", async (t) => {
await t
.expect(Selector(".sv_row > div").getStyleProperty("min-width")).eql("300px");
.expect(Selector(".sv_row > div").getStyleProperty("min-width")).eql("min(100% + 0px, 0% + 300px)");

await ClientFunction(() => { window["survey"].getAllQuestions()[0].minWidth = "200px"; })();
await t
.expect(Selector(".sv_row > div").getStyleProperty("min-width")).eql("200px");
.expect(Selector(".sv_row > div").getStyleProperty("min-width")).eql("min(100% + 0px, 0% + 200px)");
});
});
2 changes: 1 addition & 1 deletion tests/markup/etalon_paneldynamic.ts
Original file line number Diff line number Diff line change
Expand Up @@ -176,7 +176,7 @@ registerMarkupTests(
snapshot: "paneldynamic-no-footer-1",
removeIds: true,
excludePlatform: "Vue",
before: () => StylesManager.applyTheme("defaultV2"),
before: () => { StylesManager.applyTheme("defaultV2"); },
after: () => StylesManager.applyTheme("default"),
},
{
Expand Down
4 changes: 2 additions & 2 deletions tests/markup/snapshots/page-swnl-title-v2.snap.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div style="flex:1 1 50%; max-width:100%; min-width:300px;">
<div style="flex:1 1 50%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--with-frame sd-question sd-row__question sd-row__question--small" data-name="question0" id="testid0">
<div class="sd-element__header sd-element__header--location-top sd-question__header sd-question__header--location-top">
<h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
Expand All @@ -12,7 +12,7 @@ <h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle"
</div>
</div>
</div>
<div style="flex:1 1 50%; max-width:100%; min-width:300px;">
<div style="flex:1 1 50%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--with-frame sd-question sd-row__question sd-row__question--small" data-name="question1" id="testid1">
<div class="sd-element__header sd-element__header--location-top sd-question__header sd-question__header--location-top">
<h5 class="sd-element__title sd-question__title sd-title" id="testid1_ariaTitle">
Expand Down
4 changes: 2 additions & 2 deletions tests/markup/snapshots/page-swnl-v2.snap.html
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<div style="flex:1 1 50%; max-width:100%; min-width:300px;">
<div style="flex:1 1 50%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-question sd-question--html sd-row__question" data-name="question0" id="testid0">
<div class="sd-question__content" role="presentation">
<div class="sd-html">HTML1</div>
</div>
</div>
</div>
<div style="flex:1 1 50%; max-width:100%; min-width:300px;">
<div style="flex:1 1 50%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-question sd-question--html sd-row__question" data-name="question1" id="testid1">
<div class="sd-question__content" role="presentation">
<div class="sd-html">HTML2</div>
Expand Down
2 changes: 1 addition & 1 deletion tests/markup/snapshots/page-title-v2.snap.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--with-frame sd-question sd-row__question sd-row__question--small" data-name="question0" id="testid0">
<div class="sd-element__header sd-element__header--location-top sd-question__header sd-question__header--location-top">
<h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
Expand Down
4 changes: 2 additions & 2 deletions tests/markup/snapshots/panel-page-swnl-title-v2.snap.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div style="flex:1 1 50%; max-width:100%; min-width:300px;">
<div style="flex:1 1 50%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--with-frame sd-question sd-row__question sd-row__question--small" data-name="question0" id="testid0">
<div class="sd-element__header sd-element__header--location-top sd-question__header sd-question__header--location-top">
<h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
Expand All @@ -16,7 +16,7 @@ <h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle"
<div class="sd-element sd-element--complex sd-element--with-frame sd-panel sd-row__panel" id="testidp0">
<div class="sd-panel__content" id="testidp0_content">
<div class="sd-clearfix sd-row">
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--nested sd-question sd-row__question sd-row__question--small" data-name="question1" id="testid1">
<div class="sd-element__header sd-element__header--location-top sd-question__header sd-question__header--location-top">
<h5 class="sd-element__title sd-question__title sd-title" id="testid1_ariaTitle">
Expand Down
4 changes: 2 additions & 2 deletions tests/markup/snapshots/panel-page-swnl-v2.snap.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div style="flex:1 1 50%; max-width:100%; min-width:300px;">
<div style="flex:1 1 50%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-question sd-question--html sd-row__question" data-name="question0" id="testid0">
<div class="sd-question__content" role="presentation">
<div class="sd-html">HTML1</div>
Expand All @@ -9,7 +9,7 @@
<div class="sd-element sd-element--complex sd-element--with-frame sd-panel sd-row__panel" id="testidp0">
<div class="sd-panel__content" id="testidp0_content">
<div class="sd-clearfix sd-row">
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element--nested sd-question sd-question--html sd-row__question" data-name="question1" id="testid1">
<div class="sd-question__content" role="presentation">
<div class="sd-html">HTML2</div>
Expand Down
2 changes: 1 addition & 1 deletion tests/markup/snapshots/panel-question-headers.snap.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ <h4 aria-label="panel_title" class="sd-element__title sd-panel__title sd-title">
</div>
<div class="sd-panel__content" id="testidp0_content">
<div class="sd-clearfix sd-row">
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--nested sd-question sd-row__question sd-row__question--small" data-name="question1" id="testid0">
<div class="sd-element__header sd-element__header--location-top sd-question__header sd-question__header--location-top">
<h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
Expand Down
2 changes: 1 addition & 1 deletion tests/markup/snapshots/panel-swnl-v2.snap.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<div class="sd-clearfix sd-row">
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element--nested sd-question sd-question--html sd-row__question" data-name="question1" id="testid1">
<div class="sd-question__content" role="presentation">
<div class="sd-html">HTML2</div>
Expand Down
2 changes: 1 addition & 1 deletion tests/markup/snapshots/panel-text.snap.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<div class="sv_row">
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sv_q sv_qstn" data-name="question1" id="testid0">
<div role="presentation">
<input aria-invalid="false" aria-label="question1" aria-required="false" class="sv_q_text_root" id="testid0i" placeholder="" type="text">
Expand Down
2 changes: 1 addition & 1 deletion tests/markup/snapshots/panel.snap.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<div class="sv_row">
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sv_q sv_qstn" data-name="question1" id="testid0">
<div role="presentation">
<div>HTML content here</div>
Expand Down
2 changes: 1 addition & 1 deletion tests/markup/snapshots/paneldynamic-no-footer-1.snap.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<div class="sd-element sd-element--complex sd-panel sd-row__panel">
<div class="sd-panel__content">
<div class="sd-clearfix sd-row">
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--nested sd-question sd-row__question sd-row__question--small" data-name="question2">
<div class="sd-question__content sd-text__content" role="presentation">
<input aria-invalid="false" aria-label="question2" aria-required="false" class="sd-input sd-text" placeholder="" type="text">
Expand Down
2 changes: 1 addition & 1 deletion tests/markup/snapshots/paneldynamic-no-footer-2.snap.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<div class="sd-element sd-element--complex sd-panel sd-row__panel">
<div class="sd-panel__content">
<div class="sd-clearfix sd-row">
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--nested sd-question sd-row__question sd-row__question--small" data-name="question2">
<div class="sd-question__content sd-text__content" role="presentation">
<input aria-invalid="false" aria-label="question2" aria-required="false" class="sd-input sd-text" placeholder="" type="text">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<div class="sd-element sd-element--complex sd-panel sd-row__panel" id="testid0panel0">
<div class="sd-panel__content" id="testid0panel0_content">
<div class="sd-clearfix sd-row">
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--nested sd-question sd-row__question sd-row__question--small" data-name="q1" id="testid0panel0question0">
<div class="sd-question__content sd-text__content" role="presentation">
<input aria-invalid="false" aria-label="q1" aria-required="false" class="sd-input sd-text" id="testid0panel0question0i" placeholder="" type="text">
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<div class="sd-element sd-element--complex sd-panel sd-row__panel" id="testid0panel0">
<div class="sd-panel__content" id="testid0panel0_content">
<div class="sd-clearfix sd-row">
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--nested sd-question sd-row__question sd-row__question--small" data-name="q1" id="testid0panel0question0">
<div class="sd-question__content sd-text__content" role="presentation">
<input aria-invalid="false" aria-label="q1" aria-required="false" class="sd-input sd-text" id="testid0panel0question0i" placeholder="" type="text">
Expand Down
2 changes: 1 addition & 1 deletion tests/markup/snapshots/question-errors-v2-bottom.snap.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--with-frame sd-question sd-question--error sd-row__question sd-row__question--small" data-name="name" id="testid0">
<div class="sd-element__header sd-element__header--location-top sd-question__header sd-question__header--location-top">
<h5 class="sd-element__title sd-question__title sd-question__title--error sd-question__title--required sd-title" id="testid0_ariaTitle">
Expand Down
2 changes: 1 addition & 1 deletion tests/markup/snapshots/question-errors-v2-top.snap.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--with-frame sd-question sd-question--error sd-row__question sd-row__question--small" data-name="name" id="testid0">
<div aria-live="polite" class="sd-question__erbox sd-question__erbox--above-question sd-question__erbox--outside-question" id="testid0_errors" role="alert">
<div>
Expand Down
2 changes: 1 addition & 1 deletion tests/markup/snapshots/question-with-indent.snap.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sd-element sd-element--with-frame sd-question sd-row__question sd-row__question--small" data-name="name" id="testid0" style="--sv-element-add-padding-left:20px; --sv-element-add-padding-right:20px;">
<div class="sd-element__header sd-element__header--location-top sd-question__header sd-question__header--location-top">
<h5 class="sd-element__title sd-question__title sd-title" id="testid0_ariaTitle">
Expand Down
2 changes: 1 addition & 1 deletion tests/markup/snapshots/survey-navigation.snap.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<div class="sv_body sv_body--static sv-components-column sv-components-column--expandable" id="testidpage0">
<div class="sv_p_root">
<div class="sv_row">
<div style="flex:1 1 100%; max-width:100%; min-width:300px;">
<div style="flex:1 1 100%; max-width:100%; min-width:min(100%, 300px);">
<div class="sv_q sv_qstn" data-name="q1" id="testid0">
<div role="presentation">
<div>
Expand Down
6 changes: 2 additions & 4 deletions tests/surveyElementTests.ts
Original file line number Diff line number Diff line change
Expand Up @@ -231,7 +231,7 @@ QUnit.test("allowRootStyle", function (assert) {
"flexGrow": 1,
"flexShrink": 1,
"maxWidth": "100%",
"minWidth": "300px",
"minWidth": "min(100%, 300px)",
});
q1.allowRootStyle = false;
survey.css = defaultV2Css;
Expand All @@ -246,16 +246,14 @@ QUnit.test("rootStyle on mobile", function (assert) {
}]
});
const q1 = survey.getQuestionByName("q1");
assert.ok(q1.renderMinWidth);
assert.deepEqual(q1.rootStyle, {
"flexBasis": "100%",
"flexGrow": 1,
"flexShrink": 1,
"maxWidth": "100%",
"minWidth": "300px",
"minWidth": "min(100%, 300px)",
});
survey.setIsMobile(true);
assert.notOk(q1.renderMinWidth);
assert.deepEqual(q1.rootStyle, {
"flexBasis": "100%",
"flexGrow": 1,
Expand Down
4 changes: 0 additions & 4 deletions tests/surveytests.ts
Original file line number Diff line number Diff line change
Expand Up @@ -15823,16 +15823,12 @@ QUnit.test("Check survey isMobile in design mode", function (assert) {
const textQuestion = survey.getQuestionByName("q1");
const multipleTextQuestion = survey.getQuestionByName("q2");
const checkboxQuestion = survey.getQuestionByName("q3");
assert.ok(textQuestion.renderMinWidth);
survey.setIsMobile(true);
assert.ok(survey._isMobile);
assert.notOk(survey.isMobile);
assert.notOk(textQuestion.isMobile);
assert.notOk(textQuestion.renderMinWidth);
assert.ok(multipleTextQuestion.isMobile);
assert.notOk(multipleTextQuestion.renderMinWidth);
assert.ok(checkboxQuestion.isMobile);
assert.notOk(checkboxQuestion.renderMinWidth);
});
QUnit.test("Check survey isMobile is set correctly on adding new question", function (assert) {
const survey = new SurveyModel({
Expand Down
1 change: 1 addition & 0 deletions visualRegressionTests/tests/defaultV2/boolean.ts
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,7 @@ frameworks.forEach(framework => {
await wrapVisualTest(t, async (t, comparer) => {
await t.resizeWindow(1920, 1080);
await initSurvey(framework, {
width: "900px",
questions: [
{
type: "boolean",
Expand Down
1 change: 1 addition & 0 deletions visualRegressionTests/tests/defaultV2/complex.ts
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ const theme = "defaultV2";

const json = {
showQuestionNumbers: "off",
width: "900px",
questions: [
{
type: "Paneldynamic",
Expand Down
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions visualRegressionTests/tests/defaultV2/file.ts
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ const applyTheme = ClientFunction(theme => {
const theme = "defaultV2";
const json = {
showQuestionNumbers: "off",
width: "900px",
questions: [{
type: "file",
title: "Upload everything what you’d like to.",
Expand Down Expand Up @@ -82,6 +83,7 @@ frameworks.forEach(framework => {
await wrapVisualTest(t, async (t, comparer) => {
await t.resizeWindow(1920, 1080);
await ClientFunction(() => {
(window as any).survey.width = undefined;
(window as any).survey.resizeObserver.disconnect();
(window as any).survey.setIsMobile(false);
(window as any).survey.getAllQuestions()[0].resizeObserver.disconnect();
Expand Down Expand Up @@ -157,6 +159,7 @@ frameworks.forEach(framework => {
await t.resizeWindow(1980, 1000);
await initSurvey(framework, {
showQuestionNumbers: "off",
widthMode: "900px",
questions: [{
type: "file",
title: "Question With Camera",
Expand Down
2 changes: 2 additions & 0 deletions visualRegressionTests/tests/defaultV2/html.ts
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ frameworks.forEach(framework => {
await wrapVisualTest(t, async (t, comparer) => {
await t.resizeWindow(1920, 1080);
await initSurvey(framework, {
width: "900px",
questions: [
{
type: "html",
Expand All @@ -43,6 +44,7 @@ frameworks.forEach(framework => {
await wrapVisualTest(t, async (t, comparer) => {
await t.resizeWindow(1920, 1080);
await initSurvey(framework, {
width: "900px",
questions: [
{
type: "html",
Expand Down
1 change: 1 addition & 0 deletions visualRegressionTests/tests/defaultV2/image.ts
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@ frameworks.forEach(framework => {
await wrapVisualTest(t, async (t, comparer) => {
await t.resizeWindow(1920, 1080);
await initSurvey(framework, {
widthMode: "responsive",
questions: [
{
type: "image",
Expand Down
4 changes: 4 additions & 0 deletions visualRegressionTests/tests/defaultV2/matrixdynamic.ts
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@ frameworks.forEach(framework => {
await t.resizeWindow(1920, 1080);
await initSurvey(framework, {
showQuestionNumbers: "off",
width: "900px",
elements: [
{
type: "matrixdynamic",
Expand All @@ -43,6 +44,7 @@ frameworks.forEach(framework => {
await t.resizeWindow(1920, 1080);
await initSurvey(framework, {
showQuestionNumbers: "off",
width: "900px",
elements: [
{
type: "matrixdynamic",
Expand Down Expand Up @@ -135,6 +137,7 @@ frameworks.forEach(framework => {
await t.resizeWindow(1920, 1080);
await initSurvey(framework, {
showQuestionNumbers: "off",
width: "900px",
elements: [
{
type: "matrixdynamic",
Expand Down Expand Up @@ -178,6 +181,7 @@ frameworks.forEach(framework => {
await initSurvey(framework, {
questionErrorLocation: "bottom",
showQuestionNumbers: "off",
width: "900px",
elements: [
{
type: "matrixdynamic",
Expand Down
2 changes: 2 additions & 0 deletions visualRegressionTests/tests/defaultV2/multipletext.ts
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ frameworks.forEach(framework => {
await wrapVisualTest(t, async (t, comparer) => {
await t.resizeWindow(1920, 1080);
await initSurvey(framework, {
width: "900px",
questions: [
{
type: "multipletext",
Expand Down Expand Up @@ -58,6 +59,7 @@ frameworks.forEach(framework => {
await wrapVisualTest(t, async (t, comparer) => {
await t.resizeWindow(1920, 1080);
await initSurvey(framework, {
widthMode: "responsive",
questions: [
{
type: "multipletext",
Expand Down

0 comments on commit c9603f1

Please sign in to comment.