@watermarkinsights/ripple 4.3.0 → 4.4.0-0

package/dist/collection/components/wm-navigator/wm-navigator.spec.js

@@ -3,175 +3,175 @@ import { newSpecPage } from "@stencil/core/testing";
 //import { PrivNavigatorItem } from "./priv-navigator-item/priv-navigator-item";
 import { Navigator } from "./wm-navigator";
 describe("wm-navigator", () => {
-  it("builds (with props)", async () => {
-    const comp = await newSpecPage({
-      components: [Navigator],
-      html: `<wm-navigator
+    it("builds (with props)", async () => {
+        const comp = await newSpecPage({
+            components: [Navigator],
+            html: `<wm-navigator
       email="anna@user.com"
       user-name="Anna User"
       auth-type="3"
       products='[{"samlLinkUrl":"https://aqua.taskstream.com/sso/samlLogin","linkUrl":"https://aqua.taskstream.com/sso/login","id":"aqua","iconUrl":"https://cdn.watermarkinsights.com/images/login/aqua.svg","name":"Aqua"},{"samlLinkUrl":"https://www.vialivetext.com/wm_sso/saml_login","linkUrl":"https://www.vialivetext.com/wm_sso/login","id":"via","iconUrl":"https://cdn.watermarkinsights.com/images/login/via.svg","name":"Via"},{"samlLinkUrl":"https://watermark.evaluationkit.com/Login/SAML","linkUrl":"https://watermark.evaluationkit.com/Login","id":"ek","iconUrl":"https://cdn.watermarkinsights.com/images/login/evaluationkit.svg","name":"Evaluation Kit"},{"samlLinkUrl":null,"linkUrl":"https://w.taskstream.com/WatermarkSSO/Authenticate/lat","id":"lat","iconUrl":"https://cdn.watermarkinsights.com/images/login/tslat.svg","name":"Taskstream LAT"},{"samlLinkUrl":null,"linkUrl":"https://w.taskstream.com/WatermarkSSO/Authenticate/ams","id":"ams","iconUrl":"https://cdn.watermarkinsights.com/images/login/tsams.svg","name":"Taskstream AMS"},{"samlLinkUrl":"https://www.digitalmeasures.com/login/sso/authenticate/saml","linkUrl":"https://www.digitalmeasures.com/login/sso/authenticate","id":"dm","iconUrl":"https://cdn.watermarkinsights.com/images/login/digitalmeasures.svg","name":"Digital Measures"},{"samlLinkUrl":"https://planning.watermarkinsights.com/login/sso/saml_login","linkUrl":"https://planning.watermarkinsights.com/login/sso","id":"planning","iconUrl":"https://cdn.watermarkinsights.com/images/login/planningselfstudy.svg","name":"Planning & Self-Study"}]'
       ></wm-navigator>`,
+        });
+        expect(comp.root).toMatchSnapshot();
     });
-    expect(comp.root).toMatchSnapshot();
-  });
-  it("builds (endpoint)", async () => {
-    const comp = await newSpecPage({
-      components: [Navigator],
-      html: `<wm-navigator
+    it("builds (endpoint)", async () => {
+        const comp = await newSpecPage({
+            components: [Navigator],
+            html: `<wm-navigator
       user-name="Bettie User"
       load-from-userinfo="true"
       ></wm-navigator>`,
+        });
+        expect(comp.root).toMatchSnapshot();
     });
-    expect(comp.root).toMatchSnapshot();
-  });
-  it("returns the proper link", () => {
-    const nav = new Navigator();
-    nav.email = "a_user@company.com";
-    nav.userName = "Anna User";
-    nav.parsedProducts = [
-      {
-        name: "Aqua",
-        iconUrl: "aqua icon",
-        linkUrl: "aqua sso",
-        samlLinkUrl: "aqua saml",
-        id: "aqua",
-      },
-      {
-        name: "via",
-        iconUrl: "via icon",
-        linkUrl: "via sso",
-        samlLinkUrl: "via saml",
-        id: "via",
-      },
-      {
-        name: "ek",
-        iconUrl: "ek icon",
-        linkUrl: "ek sso",
-        samlLinkUrl: "ek saml",
-        id: "ek",
-      },
-      {
-        name: "lat",
-        iconUrl: "lat icon",
-        linkUrl: "lat sso",
-        samlLinkUrl: "lat saml",
-        id: "lat",
-      },
-      {
-        name: "ams",
-        iconUrl: "ams icon",
-        linkUrl: "ams sso",
-        samlLinkUrl: "ams saml",
-        id: "ams",
-      },
-      {
-        name: "dm",
-        iconUrl: "dm icon",
-        linkUrl: "dm sso",
-        samlLinkUrl: "dm saml",
-        id: "dm",
-      },
-      {
-        name: "planning",
-        iconUrl: "planning icon",
-        linkUrl: "planning sso",
-        samlLinkUrl: "planning saml",
-        id: "planning",
-      },
-    ];
-    nav.connectionName = "xoxo"; // connection name only appended for saml
-    nav.authType = 2; // = sso
-    // setProductOnClick returns the onClick function
-    // we invoke it to test the string
-    expect(nav.setProductOnClick("aqua")()).toBe("aqua sso");
-    expect(nav.setProductOnClick("via")()).toBe("via sso");
-    expect(nav.setProductOnClick("ek")()).toBe("ek sso");
-    expect(nav.setProductOnClick("lat")()).toBe("lat sso");
-    expect(nav.setProductOnClick("ams")()).toBe("ams sso");
-    expect(nav.setProductOnClick("dm")()).toBe("dm sso");
-    expect(nav.setProductOnClick("planning")()).toBe("planning sso");
-    nav.authType = 3; // = saml
-    expect(nav.setProductOnClick("aqua")()).toBe("aqua saml/?connection_name=xoxo");
-    // if connection_name is not set, nothing is appended
-    nav.connectionName = "";
-    expect(nav.setProductOnClick("aqua")()).toBe("aqua saml");
-  });
-  it("handles unknown products (props mode)", async () => {
-    // in props mode the component checks a hard-coded list of products
-    // if the product is not in the list, it ignores it altogether
-    // 2 exceptions: "c1" is converted to "livetext", and anything with the name "admin" (e.g. "system_admin_sit", "platform_admin") is converted to "platform_admin"
-    const comp = await newSpecPage({
-      components: [Navigator],
-      html: `<wm-navigator
+    it("returns the proper link", () => {
+        const nav = new Navigator();
+        nav.email = "a_user@company.com";
+        nav.userName = "Anna User";
+        nav.parsedProducts = [
+            {
+                name: "Aqua",
+                iconUrl: "aqua icon",
+                linkUrl: "aqua sso",
+                samlLinkUrl: "aqua saml",
+                id: "aqua",
+            },
+            {
+                name: "via",
+                iconUrl: "via icon",
+                linkUrl: "via sso",
+                samlLinkUrl: "via saml",
+                id: "via",
+            },
+            {
+                name: "ek",
+                iconUrl: "ek icon",
+                linkUrl: "ek sso",
+                samlLinkUrl: "ek saml",
+                id: "ek",
+            },
+            {
+                name: "lat",
+                iconUrl: "lat icon",
+                linkUrl: "lat sso",
+                samlLinkUrl: "lat saml",
+                id: "lat",
+            },
+            {
+                name: "ams",
+                iconUrl: "ams icon",
+                linkUrl: "ams sso",
+                samlLinkUrl: "ams saml",
+                id: "ams",
+            },
+            {
+                name: "dm",
+                iconUrl: "dm icon",
+                linkUrl: "dm sso",
+                samlLinkUrl: "dm saml",
+                id: "dm",
+            },
+            {
+                name: "planning",
+                iconUrl: "planning icon",
+                linkUrl: "planning sso",
+                samlLinkUrl: "planning saml",
+                id: "planning",
+            },
+        ];
+        nav.connectionName = "xoxo"; // connection name only appended for saml
+        nav.authType = 2; // = sso
+        // setProductOnClick returns the onClick function
+        // we invoke it to test the string
+        expect(nav.setProductOnClick("aqua")()).toBe("aqua sso");
+        expect(nav.setProductOnClick("via")()).toBe("via sso");
+        expect(nav.setProductOnClick("ek")()).toBe("ek sso");
+        expect(nav.setProductOnClick("lat")()).toBe("lat sso");
+        expect(nav.setProductOnClick("ams")()).toBe("ams sso");
+        expect(nav.setProductOnClick("dm")()).toBe("dm sso");
+        expect(nav.setProductOnClick("planning")()).toBe("planning sso");
+        nav.authType = 3; // = saml
+        expect(nav.setProductOnClick("aqua")()).toBe("aqua saml/?connection_name=xoxo");
+        // if connection_name is not set, nothing is appended
+        nav.connectionName = "";
+        expect(nav.setProductOnClick("aqua")()).toBe("aqua saml");
+    });
+    it("handles unknown products (props mode)", async () => {
+        // in props mode the component checks a hard-coded list of products
+        // if the product is not in the list, it ignores it altogether
+        // 2 exceptions: "c1" is converted to "livetext", and anything with the name "admin" (e.g. "system_admin_sit", "platform_admin") is converted to "platform_admin"
+        const comp = await newSpecPage({
+            components: [Navigator],
+            html: `<wm-navigator
       email="anna@user.com"
       user-name="Anna User"
       auth-type="3"
       products='[{"samlLinkUrl":"something_weird.fakeurl","linkUrl":"something_weird.fakeurl","id":"something_weird"},{"samlLinkUrl":"livetext.fakeurl","linkUrl":"livetext.fakeurl","id":"c1"},{"samlLinkUrl":"platform.fakeurl","linkUrl":"platform.fakeurl","id":"something_with_admin_in_it"}]'
        ></wm-navigator>`,
+        });
+        expect(comp.root).toMatchSnapshot();
     });
-    expect(comp.root).toMatchSnapshot();
-  });
-  it("loads (userinfo mode)", async () => {
-    const page = await newSpecPage({
-      components: [Navigator],
-      html: `<wm-navigator user-name="User Name" load-from-userinfo="true"></wm-navigator>`,
+    it("loads (userinfo mode)", async () => {
+        const page = await newSpecPage({
+            components: [Navigator],
+            html: `<wm-navigator user-name="User Name" load-from-userinfo="true"></wm-navigator>`,
+        });
+        expect(page.root).toMatchSnapshot();
+        const nav = page.body.querySelector("wm-navigator");
+        const items = nav.shadowRoot.querySelectorAll("priv-navigator-item");
+        expect(items.length).toBe(7);
+        items.forEach((i) => {
+            expect(i.id).not.toBeNull();
+            expect(i.onClick).not.toBeNull();
+        });
     });
-    expect(page.root).toMatchSnapshot();
-    const nav = page.body.querySelector("wm-navigator");
-    const items = nav.shadowRoot.querySelectorAll("priv-navigator-item");
-    expect(items.length).toBe(7);
-    items.forEach((i) => {
-      expect(i.id).not.toBeNull();
-      expect(i.onClick).not.toBeNull();
+    it("camel cases product keys", async () => {
+        const nav = new Navigator();
+        expect(nav.productKeysToCamelCase([
+            {
+                description: "desc1",
+                icon_url: "url1",
+                id: "id1",
+                link_url: "url1",
+                name: "name1",
+            },
+            {
+                description: "desc2",
+                icon_url: "url2",
+                id: "id2",
+                link_url: "url2",
+                name: "name2",
+            },
+            {
+                description: "desc3",
+                icon_url: "url3",
+                id: "id3",
+                link_url: "url3",
+                name: "name3",
+            },
+        ])).toStrictEqual([
+            {
+                description: "desc1",
+                iconUrl: "url1",
+                id: "id1",
+                linkUrl: "url1",
+                name: "name1",
+            },
+            {
+                description: "desc2",
+                iconUrl: "url2",
+                id: "id2",
+                linkUrl: "url2",
+                name: "name2",
+            },
+            {
+                description: "desc3",
+                iconUrl: "url3",
+                id: "id3",
+                linkUrl: "url3",
+                name: "name3",
+            },
+        ]);
     });
-  });
-  it("camel cases product keys", async () => {
-    const nav = new Navigator();
-    expect(nav.productKeysToCamelCase([
-      {
-        description: "desc1",
-        icon_url: "url1",
-        id: "id1",
-        link_url: "url1",
-        name: "name1",
-      },
-      {
-        description: "desc2",
-        icon_url: "url2",
-        id: "id2",
-        link_url: "url2",
-        name: "name2",
-      },
-      {
-        description: "desc3",
-        icon_url: "url3",
-        id: "id3",
-        link_url: "url3",
-        name: "name3",
-      },
-    ])).toStrictEqual([
-      {
-        description: "desc1",
-        iconUrl: "url1",
-        id: "id1",
-        linkUrl: "url1",
-        name: "name1",
-      },
-      {
-        description: "desc2",
-        iconUrl: "url2",
-        id: "id2",
-        linkUrl: "url2",
-        name: "name2",
-      },
-      {
-        description: "desc3",
-        iconUrl: "url3",
-        id: "id3",
-        linkUrl: "url3",
-        name: "name3",
-      },
-    ]);
-  });
 });

package/dist/collection/components/wm-option/wm-option.e2e.js

@@ -1,22 +1,22 @@
 import { newE2EPage } from "@stencil/core/testing";
 describe("wm-option", () => {
-  let page;
-  beforeEach(async () => {
-    page = await newE2EPage();
-    await page.setContent("<wm-select id='test' label='select something'><wm-option id='first' disabled onClick='action()'>First option</wm-option><wm-option id='second' disabled>Second option</wm-option><wm-option id='third'>Third option</wm-option></wm-select><script>function action() {document.getElementById('second').textContent = 'the function ran!'}</script>");
-  });
-  // RENDER
-  it("renders", async () => {
-    const element = await page.find("wm-option");
-    expect(element).not.toBeNull();
-  });
-  it("prevents action on disabled option", async () => {
-    await page.keyboard.press("Tab");
-    await page.keyboard.press("Enter"); // dropdown opens
-    await page.waitForChanges();
-    await page.keyboard.press("Enter"); // Enter on disabled option
-    await page.waitForChanges();
-    let changedOption = await page.find("wm-option#second");
-    expect(changedOption.textContent).toEqual("Second option"); // the function that shouldn't run replaces this text by: "the function ran!"
-  });
+    let page;
+    beforeEach(async () => {
+        page = await newE2EPage();
+        await page.setContent("<wm-select id='test' label='select something'><wm-option id='first' disabled onClick='action()'>First option</wm-option><wm-option id='second' disabled>Second option</wm-option><wm-option id='third'>Third option</wm-option></wm-select><script>function action() {document.getElementById('second').textContent = 'the function ran!'}</script>");
+    });
+    // RENDER
+    it("renders", async () => {
+        const element = await page.find("wm-option");
+        expect(element).not.toBeNull();
+    });
+    it("prevents action on disabled option", async () => {
+        await page.keyboard.press("Tab");
+        await page.keyboard.press("Enter"); // dropdown opens
+        await page.waitForChanges();
+        await page.keyboard.press("Enter"); // Enter on disabled option
+        await page.waitForChanges();
+        let changedOption = await page.find("wm-option#second");
+        expect(changedOption.textContent).toEqual("Second option"); // the function that shouldn't run replaces this text by: "the function ran!"
+    });
 });