@watermarkinsights/ripple 4.2.0-0 → 4.2.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();
     });
-    it("builds (endpoint)", async () => {
-        const comp = await newSpecPage({
-            components: [Navigator],
-            html: `<wm-navigator
+    expect(comp.root).toMatchSnapshot();
+  });
+  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();
     });
-    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
+    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
       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();
     });
-    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(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("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",
-            },
-        ]);
+    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",
+      },
+    ]);
+  });
 });

package/dist/collection/components/wm-option/wm-option.css

@@ -80,7 +80,7 @@
 }
 
 :host([aria-selected=true]) {
-  background: var(--wmcolor-select-option-background);
+  background: var(--wmcolor-select-option-background-selected);
   font-weight: 500;
 }
 :host([aria-selected=true]) .checkbox:before {

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!"
+  });
 });