npm - @watermarkinsights/ripple - Versions diffs - 4.2.0-1 → 4.2.0 - Mend

@watermarkinsights/ripple 4.2.0-1 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (367) hide show

package/dist/collection/components/wm-timepicker/wm-timepicker.e2e.js CHANGED Viewed

@@ -1,163 +1,163 @@
 import AxePuppeteer from "@axe-core/puppeteer";
 import { newE2EPage } from "@stencil/core/testing";
 describe("wm-timepicker", () => {
-    let page, input;
-    beforeEach(async () => {
-        page = await newE2EPage();
-        await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
+  let page, input;
+  beforeEach(async () => {
+    page = await newE2EPage();
+    await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
       <wm-timepicker label="timepicker" dropdown-time="09:00"></wm-timepicker>
       </main></body></html>`);
-        input = await page.find("wm-timepicker >>> input");
-        await page.waitForChanges();
-    });
-    it("passes Axe checks", async () => {
-        const results = await new AxePuppeteer(page).analyze();
-        expect(results.violations.length).toBe(0);
-    });
-    it("emits input blurred event", async () => {
-        page = await newE2EPage();
-        await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
+    input = await page.find("wm-timepicker >>> input");
+    await page.waitForChanges();
+  });
+  it("passes Axe checks", async () => {
+    const results = await new AxePuppeteer(page).analyze();
+    expect(results.violations.length).toBe(0);
+  });
+  it("emits input blurred event", async () => {
+    page = await newE2EPage();
+    await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
       <wm-timepicker label="timepicker"></wm-timepicker>
       <div id="indicator">no event heard</div>
       </main></body></html>`);
-        input = await page.find("wm-timepicker >>> input");
-        await page.waitForChanges();
-        await page.evaluate(async () => {
-            const indicator = document.querySelector("#indicator");
-            await document.addEventListener("wmTimepickerInputBlurred", () => (indicator.textContent = "event heard"));
-        });
-        await page.waitForChanges;
-        let indicator = await page.find("#indicator");
-        expect(indicator.textContent).toBe("no event heard");
-        await input.type("522");
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        expect(indicator.textContent).toBe("event heard");
+    input = await page.find("wm-timepicker >>> input");
+    await page.waitForChanges();
+    await page.evaluate(async () => {
+      const indicator = document.querySelector("#indicator");
+      await document.addEventListener("wmTimepickerInputBlurred", () => (indicator.textContent = "event heard"));
     });
-    it("opens to preselected time", async () => {
-        page = await newE2EPage();
-        await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
+    await page.waitForChanges;
+    let indicator = await page.find("#indicator");
+    expect(indicator.textContent).toBe("no event heard");
+    await input.type("522");
+    await page.waitForChanges();
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    expect(indicator.textContent).toBe("event heard");
+  });
+  it("opens to preselected time", async () => {
+    page = await newE2EPage();
+    await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
       <wm-timepicker label="timepicker" preselected="14:15"></wm-timepicker>
       </main></body></html>`);
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        const nineAm = await page.find("wm-timepicker >>> li#option58");
-        expect(nineAm).toEqualAttribute("tabindex", 0);
-    });
-    it("opens next option with down arrow key", async () => {
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("ArrowDown");
-        await page.waitForChanges();
-        const nineFifteenAm = await page.find("wm-timepicker >>> li#option38");
-        expect(nineFifteenAm).toEqualAttribute("tabindex", 0);
-    });
-    it("opens previous option with up arrow key", async () => {
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("ArrowUp");
-        await page.waitForChanges();
-        const eightFourtyFiveAm = await page.find("wm-timepicker >>> li#option36");
-        expect(eightFourtyFiveAm).toEqualAttribute("tabindex", 0);
-    });
-    it("navigates through the dropdown with keyboard", async () => {
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        const nineAm = await page.find("wm-timepicker >>> li#option37");
-        const nineFifteenAm = await page.find("wm-timepicker >>> li#option38");
-        await page.keyboard.press("ArrowDown");
-        await page.waitForChanges();
-        expect(nineFifteenAm).toEqualAttribute("tabindex", 0);
-        await page.keyboard.press("ArrowUp");
-        await page.waitForChanges();
-        expect(nineAm).toEqualAttribute("tabindex", 0);
-    });
-    it("emits timeSelected event with time", async () => {
-        page = await newE2EPage();
-        await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
+    await page.waitForChanges();
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Enter");
+    await page.waitForChanges();
+    const nineAm = await page.find("wm-timepicker >>> li#option58");
+    expect(nineAm).toEqualAttribute("tabindex", 0);
+  });
+  it("opens next option with down arrow key", async () => {
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("ArrowDown");
+    await page.waitForChanges();
+    const nineFifteenAm = await page.find("wm-timepicker >>> li#option38");
+    expect(nineFifteenAm).toEqualAttribute("tabindex", 0);
+  });
+  it("opens previous option with up arrow key", async () => {
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("ArrowUp");
+    await page.waitForChanges();
+    const eightFourtyFiveAm = await page.find("wm-timepicker >>> li#option36");
+    expect(eightFourtyFiveAm).toEqualAttribute("tabindex", 0);
+  });
+  it("navigates through the dropdown with keyboard", async () => {
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Enter");
+    await page.waitForChanges();
+    const nineAm = await page.find("wm-timepicker >>> li#option37");
+    const nineFifteenAm = await page.find("wm-timepicker >>> li#option38");
+    await page.keyboard.press("ArrowDown");
+    await page.waitForChanges();
+    expect(nineFifteenAm).toEqualAttribute("tabindex", 0);
+    await page.keyboard.press("ArrowUp");
+    await page.waitForChanges();
+    expect(nineAm).toEqualAttribute("tabindex", 0);
+  });
+  it("emits timeSelected event with time", async () => {
+    page = await newE2EPage();
+    await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
       <wm-timepicker label="timepicker" value="03:15 PM" preselected="15:15"></wm-timepicker>
       <div id="indicator">no event heard</div>
       </main></body></html>`);
-        input = await page.find("wm-timepicker >>> input");
-        await page.waitForChanges();
-        await page.evaluate(async () => {
-            const indicator = document.querySelector("#indicator");
-            await document.addEventListener("wmTimepickerTimeSelected", (ev) => (indicator.textContent = `event heard: ${ev.detail.time}`));
-        });
-        await page.waitForChanges;
-        let indicator = await page.find("#indicator");
-        expect(indicator.textContent).toBe("no event heard");
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        expect(indicator.textContent).toBe("event heard: 15:15");
-    });
-    it("closes dropdown on Escape and Tab", async () => {
-        const dropdown = await page.find("wm-timepicker >>> ul.options");
-        expect(dropdown).not.toHaveClass("open");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        expect(dropdown).toHaveClass("open");
-        await page.keyboard.press("Escape");
-        await page.waitForChanges();
-        expect(dropdown).not.toHaveClass("open");
-        await page.waitForChanges();
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        expect(dropdown).toHaveClass("open");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        expect(dropdown).not.toHaveClass("open");
-    });
-    it("closes dropdown when clicking outside component", async () => {
-        const dropdown = await page.find("wm-timepicker >>> ul.options");
-        expect(dropdown).not.toHaveClass("open");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        expect(dropdown).toHaveClass("open");
-        await page.mouse.click(-10, -10);
-        await page.waitForChanges();
-        expect(dropdown).not.toHaveClass("open");
-    });
-    it("handles Home and End keys", async () => {
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        const firstOption = await page.find("wm-timepicker >>> li#option1");
-        await page.keyboard.press("Home");
-        await page.waitForChanges();
-        expect(firstOption).toEqualAttribute("tabindex", 0);
-        const lastOption = await page.find("wm-timepicker >>> li#option96");
-        await page.keyboard.press("End");
-        await page.waitForChanges();
-        expect(lastOption).toEqualAttribute("tabindex", 0);
+    input = await page.find("wm-timepicker >>> input");
+    await page.waitForChanges();
+    await page.evaluate(async () => {
+      const indicator = document.querySelector("#indicator");
+      await document.addEventListener("wmTimepickerTimeSelected", (ev) => (indicator.textContent = `event heard: ${ev.detail.time}`));
     });
+    await page.waitForChanges;
+    let indicator = await page.find("#indicator");
+    expect(indicator.textContent).toBe("no event heard");
+    await page.keyboard.press("Tab");
+    await page.keyboard.press("Tab");
+    await page.keyboard.press("Enter");
+    await page.waitForChanges();
+    await page.keyboard.press("Enter");
+    await page.waitForChanges();
+    expect(indicator.textContent).toBe("event heard: 15:15");
+  });
+  it("closes dropdown on Escape and Tab", async () => {
+    const dropdown = await page.find("wm-timepicker >>> ul.options");
+    expect(dropdown).not.toHaveClass("open");
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Enter");
+    await page.waitForChanges();
+    expect(dropdown).toHaveClass("open");
+    await page.keyboard.press("Escape");
+    await page.waitForChanges();
+    expect(dropdown).not.toHaveClass("open");
+    await page.waitForChanges();
+    await page.keyboard.press("Enter");
+    await page.waitForChanges();
+    expect(dropdown).toHaveClass("open");
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    expect(dropdown).not.toHaveClass("open");
+  });
+  it("closes dropdown when clicking outside component", async () => {
+    const dropdown = await page.find("wm-timepicker >>> ul.options");
+    expect(dropdown).not.toHaveClass("open");
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Enter");
+    await page.waitForChanges();
+    expect(dropdown).toHaveClass("open");
+    await page.mouse.click(-10, -10);
+    await page.waitForChanges();
+    expect(dropdown).not.toHaveClass("open");
+  });
+  it("handles Home and End keys", async () => {
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("Enter");
+    await page.waitForChanges();
+    const firstOption = await page.find("wm-timepicker >>> li#option1");
+    await page.keyboard.press("Home");
+    await page.waitForChanges();
+    expect(firstOption).toEqualAttribute("tabindex", 0);
+    const lastOption = await page.find("wm-timepicker >>> li#option96");
+    await page.keyboard.press("End");
+    await page.waitForChanges();
+    expect(lastOption).toEqualAttribute("tabindex", 0);
+  });
 });