@doenet/doenetml 0.6.0-alpha1

package/cypress/e2e/tagSpecific/booleanlist.cy.js

@@ -0,0 +1,588 @@
+import { cesc } from "../../../../src/utils/url";
+
+describe("BooleanList Tag Tests", function () {
+  beforeEach(() => {
+    cy.clearIndexedDB();
+    cy.visit("/src/Tools/cypressTest/");
+  });
+
+  it("booleanlist within booleanlists", () => {
+    cy.window().then(async (win) => {
+      win.postMessage(
+        {
+          doenetML: `
+    <p><booleanlist hide="true">false true false</booleanlist></p>
+
+    <p><copy hide="false" target="_booleanlist1" /></p>
+
+    <p><booleanlist>
+      <boolean>true</boolean>
+      <boolean hide>false</boolean>
+      <copy target="_booleanlist1" hide="false" />
+      <boolean>false</boolean>
+      <copy target="_copy1" />
+    </booleanlist></p>
+
+    <p><copy maxNumber="6" target="_booleanlist2" /></p>
+    `,
+        },
+        "*",
+      );
+    });
+
+    cy.get(cesc("#\\/_p1")).should("have.text", "");
+    cy.get(cesc("#\\/_p2")).should("have.text", "false, true, false");
+    cy.get(cesc("#\\/_p3")).should(
+      "have.text",
+      "true, false, true, false, false, false, true, false",
+    );
+    cy.get(cesc("#\\/_p4")).should(
+      "have.text",
+      "true, false, true, false, false",
+    );
+  });
+
+  it("booleanlist with booleanlist children, test inverse", () => {
+    cy.window().then(async (win) => {
+      win.postMessage(
+        {
+          doenetML: `
+        <text>a</text>
+        <p><booleanlist>
+          <boolean>true</boolean>
+          <booleanlist>false false</booleanlist>
+          <boolean>false</boolean>
+          <booleanlist>
+            <booleanlist>
+              <boolean>false</boolean>
+              <booleanlist>true false</booleanlist>
+            </booleanlist>
+            <booleanlist>false   true</booleanlist>
+          </booleanlist>
+        </booleanlist></p>
+    
+        <booleaninput bindValueTo="$_booleanlist1.boolean1" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean2" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean3" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean4" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean5" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean6" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean7" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean8" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean9" />
+    
+        `,
+        },
+        "*",
+      );
+    });
+
+    cy.get(cesc("#\\/_text1")).should("have.text", "a"); // to wait until loaded
+
+    cy.log("Test value displayed in browser");
+    cy.get(cesc("#\\/_p1")).should(
+      "have.text",
+      "true, false, false, false, false, true, false, false, true",
+    );
+
+    cy.log("Test internal values are set to the correct values");
+    cy.window().then(async (win) => {
+      let stateVariables = await win.returnAllStateVariables1();
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[1]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[2]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[3]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[4]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[5]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[6]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[7]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[8]).eq(true);
+      expect(stateVariables["/_booleanlist2"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist2"].stateValues.booleans[1]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[1]).eq(true);
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[2]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[3]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[4]).eq(true);
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[1]).eq(true);
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[2]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist5"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist5"].stateValues.booleans[1]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist6"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist6"].stateValues.booleans[1]).eq(true);
+    });
+
+    cy.log("change values");
+
+    cy.get(cesc("#\\/_booleaninput1")).click();
+    cy.get(cesc("#\\/_booleaninput2")).click();
+    cy.get(cesc("#\\/_booleaninput3")).click();
+    cy.get(cesc("#\\/_booleaninput4")).click();
+    cy.get(cesc("#\\/_booleaninput5")).click();
+    cy.get(cesc("#\\/_booleaninput6")).click();
+    cy.get(cesc("#\\/_booleaninput7")).click();
+    cy.get(cesc("#\\/_booleaninput8")).click();
+    cy.get(cesc("#\\/_booleaninput9")).click();
+
+    cy.log("Test value displayed in browser");
+    cy.get(cesc("#\\/_p1")).should(
+      "have.text",
+      "false, true, true, true, true, false, true, true, false",
+    );
+
+    cy.log("Test internal values are set to the correct values");
+    cy.window().then(async (win) => {
+      let stateVariables = await win.returnAllStateVariables1();
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[1]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[2]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[3]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[4]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[5]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[6]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[7]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[8]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist2"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist2"].stateValues.booleans[1]).eq(true);
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[1]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[2]).eq(true);
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[3]).eq(true);
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[4]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[1]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[2]).eq(true);
+      expect(stateVariables["/_booleanlist5"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist5"].stateValues.booleans[1]).eq(true);
+      expect(stateVariables["/_booleanlist6"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist6"].stateValues.booleans[1]).eq(
+        false,
+      );
+    });
+  });
+
+  it("booleanlist with booleanlist children and sugar, test inverse", () => {
+    cy.window().then(async (win) => {
+      win.postMessage(
+        {
+          doenetML: `
+        <text>a</text>
+        <p><booleanlist>
+          true
+          <booleanlist>false false</booleanlist>
+          <boolean>false</boolean>
+          <booleanlist>
+            <booleanlist>
+              false
+              <booleanlist>true false</booleanlist>
+            </booleanlist>
+            <booleanlist>false   true</booleanlist>
+          </booleanlist>
+        </booleanlist></p>
+    
+        <booleaninput bindValueTo="$_booleanlist1.boolean1" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean2" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean3" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean4" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean5" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean6" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean7" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean8" />
+        <booleaninput bindValueTo="$_booleanlist1.boolean9" />
+    
+        `,
+        },
+        "*",
+      );
+    });
+
+    cy.get(cesc("#\\/_text1")).should("have.text", "a"); // to wait until loaded
+
+    cy.log("Test value displayed in browser");
+    cy.get(cesc("#\\/_p1")).should(
+      "have.text",
+      "true, false, false, false, false, true, false, false, true",
+    );
+
+    cy.log("Test internal values are set to the correct values");
+    cy.window().then(async (win) => {
+      let stateVariables = await win.returnAllStateVariables1();
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[1]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[2]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[3]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[4]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[5]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[6]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[7]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[8]).eq(true);
+      expect(stateVariables["/_booleanlist2"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist2"].stateValues.booleans[1]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[1]).eq(true);
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[2]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[3]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[4]).eq(true);
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[1]).eq(true);
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[2]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist5"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist5"].stateValues.booleans[1]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist6"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist6"].stateValues.booleans[1]).eq(true);
+    });
+
+    cy.log("change values");
+
+    cy.get(cesc("#\\/_booleaninput1")).click();
+    cy.get(cesc("#\\/_booleaninput2")).click();
+    cy.get(cesc("#\\/_booleaninput3")).click();
+    cy.get(cesc("#\\/_booleaninput4")).click();
+    cy.get(cesc("#\\/_booleaninput5")).click();
+    cy.get(cesc("#\\/_booleaninput6")).click();
+    cy.get(cesc("#\\/_booleaninput7")).click();
+    cy.get(cesc("#\\/_booleaninput8")).click();
+    cy.get(cesc("#\\/_booleaninput9")).click();
+
+    cy.log("Test value displayed in browser");
+    cy.get(cesc("#\\/_p1")).should(
+      "have.text",
+      "false, true, true, true, true, false, true, true, false",
+    );
+
+    cy.log("Test internal values are set to the correct values");
+    cy.window().then(async (win) => {
+      let stateVariables = await win.returnAllStateVariables1();
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[1]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[2]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[3]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[4]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[5]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[6]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[7]).eq(true);
+      expect(stateVariables["/_booleanlist1"].stateValues.booleans[8]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist2"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist2"].stateValues.booleans[1]).eq(true);
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[1]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[2]).eq(true);
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[3]).eq(true);
+      expect(stateVariables["/_booleanlist3"].stateValues.booleans[4]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[1]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist4"].stateValues.booleans[2]).eq(true);
+      expect(stateVariables["/_booleanlist5"].stateValues.booleans[0]).eq(
+        false,
+      );
+      expect(stateVariables["/_booleanlist5"].stateValues.booleans[1]).eq(true);
+      expect(stateVariables["/_booleanlist6"].stateValues.booleans[0]).eq(true);
+      expect(stateVariables["/_booleanlist6"].stateValues.booleans[1]).eq(
+        false,
+      );
+    });
+  });
+
+  it("copy booleanlist and overwrite maximum number", () => {
+    cy.window().then(async (win) => {
+      win.postMessage(
+        {
+          doenetML: `
+      <text>a</text>
+      <p><booleanlist name="bl1">true true false true false</booleanlist></p>
+      <p><copy target="bl1" maxNumber="3" assignNames="bl2" /></p>
+      <p><copy target="bl2" maxNumber="" assignNames="bl3" /></p>
+
+      <p><booleanlist name="bl4" maxNumber="3">true true false true false</booleanlist></p>
+      <p><copy target="bl4" maxNumber="4" assignNames="bl5" /></p>
+      <p><copy target="bl5" maxNumber="" assignNames="bl6" /></p>
+
+      `,
+        },
+        "*",
+      );
+    });
+
+    cy.get(cesc("#\\/_text1")).should("have.text", "a"); // to wait until loaded
+
+    cy.window().then(async (win) => {
+      cy.get(cesc("#\\/_p1")).should(
+        "have.text",
+        "true, true, false, true, false",
+      );
+      cy.get(cesc("#\\/_p2")).should("have.text", "true, true, false");
+      cy.get(cesc("#\\/_p3")).should(
+        "have.text",
+        "true, true, false, true, false",
+      );
+
+      cy.get(cesc("#\\/_p4")).should("have.text", "true, true, false");
+      cy.get(cesc("#\\/_p5")).should("have.text", "true, true, false, true");
+      cy.get(cesc("#\\/_p6")).should(
+        "have.text",
+        "true, true, false, true, false",
+      );
+
+      cy.log("Test internal values are set to the correct values");
+      cy.window().then(async (win) => {
+        let stateVariables = await win.returnAllStateVariables1();
+        expect(stateVariables["/bl1"].stateValues.booleans).eqls([
+          true,
+          true,
+          false,
+          true,
+          false,
+        ]);
+        expect(stateVariables["/bl2"].stateValues.booleans).eqls([
+          true,
+          true,
+          false,
+        ]);
+        expect(stateVariables["/bl3"].stateValues.booleans).eqls([
+          true,
+          true,
+          false,
+          true,
+          false,
+        ]);
+        expect(stateVariables["/bl4"].stateValues.booleans).eqls([
+          true,
+          true,
+          false,
+        ]);
+        expect(stateVariables["/bl5"].stateValues.booleans).eqls([
+          true,
+          true,
+          false,
+          true,
+        ]);
+        expect(stateVariables["/bl6"].stateValues.booleans).eqls([
+          true,
+          true,
+          false,
+          true,
+          false,
+        ]);
+      });
+    });
+  });
+
+  it("dynamic maximum number", () => {
+    cy.window().then(async (win) => {
+      win.postMessage(
+        {
+          doenetML: `
+      <text>a</text>
+      <p><booleanlist name="bl1" maxNumber="$mn1">true true false true false</booleanlist></p>
+      <p><copy target="bl1" maxNumber="$mn2" assignNames="bl2" /></p>
+      <p>Maximum number 1: <mathinput name="mn1" prefill="2" /></p>
+      <p>Maximum number 2: <mathinput name="mn2" /></p>
+
+      `,
+        },
+        "*",
+      );
+    });
+
+    cy.get(cesc("#\\/_text1")).should("have.text", "a"); // to wait until loaded
+
+    cy.window().then(async (win) => {
+      cy.get(cesc("#\\/_p1")).should("have.text", "true, true");
+      cy.get(cesc("#\\/_p2")).should(
+        "have.text",
+        "true, true, false, true, false",
+      );
+
+      cy.window().then(async (win) => {
+        let stateVariables = await win.returnAllStateVariables1();
+        expect(stateVariables["/bl1"].stateValues.booleans).eqls([true, true]);
+        expect(stateVariables["/bl2"].stateValues.booleans).eqls([
+          true,
+          true,
+          false,
+          true,
+          false,
+        ]);
+      });
+    });
+
+    cy.log("clear first maxnum");
+    cy.get(cesc("#\\/mn1") + " textarea")
+      .type("{end}{backspace}", { force: true })
+      .blur();
+    cy.get(cesc("#\\/_p1")).should(
+      "have.text",
+      "true, true, false, true, false",
+    );
+    cy.get(cesc("#\\/_p2")).should(
+      "have.text",
+      "true, true, false, true, false",
+    );
+
+    cy.window().then(async (win) => {
+      let stateVariables = await win.returnAllStateVariables1();
+      expect(stateVariables["/bl1"].stateValues.booleans).eqls([
+        true,
+        true,
+        false,
+        true,
+        false,
+      ]);
+      expect(stateVariables["/bl2"].stateValues.booleans).eqls([
+        true,
+        true,
+        false,
+        true,
+        false,
+      ]);
+    });
+
+    cy.log("number in second maxnum");
+    cy.get(cesc("#\\/mn2") + " textarea").type("3{enter}", { force: true });
+    cy.get(cesc("#\\/_p2")).should("have.text", "true, true, false");
+    cy.get(cesc("#\\/_p1")).should(
+      "have.text",
+      "true, true, false, true, false",
+    );
+
+    cy.window().then(async (win) => {
+      let stateVariables = await win.returnAllStateVariables1();
+      expect(stateVariables["/bl1"].stateValues.booleans).eqls([
+        true,
+        true,
+        false,
+        true,
+        false,
+      ]);
+      expect(stateVariables["/bl2"].stateValues.booleans).eqls([
+        true,
+        true,
+        false,
+      ]);
+    });
+
+    cy.log("number in first maxnum");
+    cy.get(cesc("#\\/mn1") + " textarea").type("4{enter}", { force: true });
+    cy.get(cesc("#\\/_p1")).should("have.text", "true, true, false, true");
+    cy.get(cesc("#\\/_p2")).should("have.text", "true, true, false");
+
+    cy.window().then(async (win) => {
+      let stateVariables = await win.returnAllStateVariables1();
+      expect(stateVariables["/bl1"].stateValues.booleans).eqls([
+        true,
+        true,
+        false,
+        true,
+      ]);
+      expect(stateVariables["/bl2"].stateValues.booleans).eqls([
+        true,
+        true,
+        false,
+      ]);
+    });
+
+    cy.log("change number in first maxnum");
+    cy.get(cesc("#\\/mn1") + " textarea").type("{end}{backspace}1{enter}", {
+      force: true,
+    });
+    cy.get(cesc("#\\/_p1")).should("have.text", "true");
+    cy.get(cesc("#\\/_p2")).should("have.text", "true, true, false");
+
+    cy.window().then(async (win) => {
+      let stateVariables = await win.returnAllStateVariables1();
+      expect(stateVariables["/bl1"].stateValues.booleans).eqls([true]);
+      expect(stateVariables["/bl2"].stateValues.booleans).eqls([
+        true,
+        true,
+        false,
+      ]);
+    });
+  });
+});