elementslayouttests.ts

import {SurveyModel} from "../src/survey";
import {PageModel} from "../src/page";
import {PanelModel, QuestionRowModel} from "../src/panel";
import {QuestionFactory} from "../src/questionfactory";
import {Question} from "../src/question";
import {QuestionTextModel} from "../src/question_text";
import {JsonObject, JsonUnknownPropertyError} from "../src/jsonobject";

export default QUnit.module("ElementsLayout");

QUnit.test("Simple layout test", function (assert) {
    var page = new PageModel();
    page.addNewQuestion("text", "q1");
    page.addNewQuestion("text", "q2");
    assert.equal(page.rows.length, 2, "There are two rows");
    assert.equal(page.questions[0].renderWidth, "100%", "The render width is 100%");
    page.questions[1].startWithNewLine = false;
    assert.equal(page.rows.length, 1, "There is one row");
    assert.equal(page.questions[0].renderWidth, "50%", "The render width is 50%");
});
QUnit.test("Two panels test", function (assert) {
    var page = new PageModel();
    var panel1 = page.addNewPanel("p1");
    var panel2 = page.addNewPanel("p2");
    panel2.startWithNewLine = false;
    panel1.addNewQuestion("text", "p1_q1");
    panel2.addNewQuestion("text", "p1_q2");
    assert.equal(page.rows.length, 1, "There is one row");
    assert.equal(page.elements[0].renderWidth, "50%", "1. The render width is 50%");
    panel2.elements[0].visible = false;
    assert.equal(page.elements[0].renderWidth, "100%", "2. The panel1 render width is 100%");
    assert.equal(page.elements[1].renderWidth, "", "2. The panel2 render width is empty");
    panel2.elements[0].visible = true;
    assert.equal(page.elements[0].renderWidth, "50%", "3. The panel1 render width is 50% again");
    assert.equal(page.elements[1].renderWidth, "50%", "3. The panel2 The render width is 50% again");
});