Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Panel Dynamic - Inner Fields overlap available screen area #7081

Merged
merged 9 commits into from
Oct 6, 2023
Merged

Panel Dynamic - Inner Fields overlap available screen area #7081

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
d77655b
Panel Dynamic - Inner Fields overlap available screen area
Oct 4, 2023
d9317c5
#5935 - set survey width for tests
Oct 5, 2023
d150b69
#5935 - fixed width auto style
Oct 5, 2023
5c97095
#5935 fixed unit tests
Oct 5, 2023
f4fca5f
#5935 - wider surveys in tests
novikov82 Oct 6, 2023
25da4fe
#5935 - upgrade screenshot tests
novikov82 Oct 6, 2023
2571b41
#use current chrome in markup tests
novikov82 Oct 6, 2023
c724d54
#5935 - update f-test
novikov82 Oct 6, 2023
6dbaab0
#5935 update screenshots
novikov82 Oct 6, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion build-scripts/karma.conf.js
View file
Open in desktop
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
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -106,7 +106,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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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-remove-btn-action-bar.snap.html
View file
Open in desktop
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/paneldynamic-remove-btn-right.snap.html
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
Binary file modified ...gressionTests/tests/defaultV2/etalons/file-question-single-file-small-image.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added ...ionTests/tests/defaultV2/etalons/file-question-single-file-small-image_mask.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified visualRegressionTests/tests/defaultV2/etalons/survey-with-panel-compact.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified visualRegressionTests/tests/defaultV2/etalons/two-panels-one-row-small-screen.png
View file
Open in desktop
Loading
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
View file
Open in desktop
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
Loading