@watermarkinsights/ripple 5.2.0 → 5.3.0-0

package/dist/collection/components/charts/wm-line-chart/wm-line-chart.spec.js

@@ -1,163 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { LineChart } from "./wm-line-chart";
-// import * as globalFuncs from "../../../global/functions";
-// jest.spyOn(globalFuncs, "generateId");
-// // @ts-ignore
-// globalFuncs.generateId.mockImplementation(() => "random-id");
-// mock ResizeObserver
-global.ResizeObserver = jest.fn().mockImplementation(() => ({
-    observe: jest.fn(),
-    unobserve: jest.fn(),
-    disconnect: jest.fn(),
-}));
-async function createPageHelper() {
-    return await newSpecPage({
-        components: [LineChart],
-        html: `<wm-line-chart
-    label="Regional Job Trends"
-    description="View job trends for your region compared to national tends from the past 3 years with a 3 year projection"
-    x-axis-label="Year"
-    y-axis-label="Change Since 2020"
-    line-data='{"Regional": {"2020": 5, "2021": 10, "2022": 13, "2023": null, "2024": 20, "2025": 23, "2026": 25, "2027": 32, "2028": 35, "2029": 40, "2030": 42, "2031": 52, "2032": 54, "2033": 61}, "National": {"2020": 8, "2021": 13, "2022": 16, "2023": 21, "2024": 23, "2025": 26, "2026": 28, "2027": 29, "2028": 32, "2029": 35, "2030": 39, "2031": 49, "2032": 51, "2033": 58} }'
-    units="year,%"
-    show-deltas="true"
-    y-range="0,25,50,75,100"
-    highlight-start="2026"
-  >
-  </wm-line-chart>`,
-    });
-}
-describe("Line Chart", () => {
-    let page;
-    it("builds", async () => {
-        page = await createPageHelper();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("has proper aria properties and attributes", async () => {
-        page = await createPageHelper();
-        const componentWrapperEl = await page.root.shadowRoot.querySelector(".component-wrapper");
-        expect(componentWrapperEl).toEqualAttribute("role", "application");
-        expect(componentWrapperEl).toEqualAttribute("aria-roledescription", "Interactive chart");
-        expect(componentWrapperEl).toEqualAttribute("aria-label", "Regional Job Trends");
-        expect(componentWrapperEl).toEqualAttribute("aria-describedby", "chart-description");
-        const firstPointEl = await page.root.shadowRoot.querySelector(".point");
-        expect(firstPointEl).toEqualAttribute("role", "img");
-    });
-    it("plots all non-null data points", async () => {
-        page = await newSpecPage({
-            components: [LineChart],
-            html: `<wm-line-chart
-      label="Regional Job Trends"
-      description="View job trends for your region compared to national tends from the past 3 years with a 3 year projection"
-      x-axis-label="Year"
-      y-axis-label="Change Since 2020"
-      line-data='{"Regional": {"2020": 5, "2021": 10, "2022": 13, "2023": 15, "2024": 20}, "National": {"2020": 8, "2021": 13, "2022": null, "2023": 21, "2024": 23}, "International": {"2020": 8, "2021": null, "2022": null, "2023": 21, "2024": 23} }'
-    >
-    </wm-line-chart>`,
-        });
-        const allPointEls = await page.root.shadowRoot.querySelectorAll(".point");
-        const allLineEls = await page.root.shadowRoot.querySelectorAll(".line");
-        const firstLinePointEls = await allLineEls[0].querySelectorAll(".point");
-        const firstLineLineEls = await allLineEls[0].querySelectorAll("line");
-        const secondLinePointEls = await allLineEls[1].querySelectorAll(".point");
-        const secondLineLineEls = await allLineEls[1].querySelectorAll("line");
-        const thirdLinePointEls = await allLineEls[2].querySelectorAll(".point");
-        const thirdLineLineEls = await allLineEls[2].querySelectorAll("line");
-        // each line has 5 intervals
-        // first line has 0 nulls
-        // second line has 1 null
-        // third line has 2 nulls
-        expect(allPointEls.length).toBe(12);
-        expect(firstLinePointEls.length).toBe(5);
-        expect(firstLineLineEls.length).toBe(4);
-        expect(secondLinePointEls.length).toBe(4);
-        expect(secondLineLineEls.length).toBe(2);
-        expect(thirdLinePointEls.length).toBe(3);
-        expect(thirdLineLineEls.length).toBe(1);
-    });
-    it("calculates deltas correctly", async () => {
-        const component = await new LineChart();
-        let previousPoint = {
-            lineLabel: "fake label",
-            xValue: "2020",
-            yValue: 999,
-            xPositionPercent: 0,
-            yPositionPercent: 10,
-            highlighted: false,
-        };
-        let currentPoint = {
-            lineLabel: "fake label",
-            xValue: "2021",
-            yValue: 999,
-            xPositionPercent: 20,
-            yPositionPercent: 12,
-            highlighted: false,
-        };
-        previousPoint.yValue = 10;
-        currentPoint.yValue = 12;
-        expect(component.calcDelta(currentPoint, previousPoint)).toBe("+20%");
-        previousPoint.yValue = 10;
-        currentPoint.yValue = 7;
-        expect(component.calcDelta(currentPoint, previousPoint)).toBe("-30%");
-        previousPoint.yValue = 12;
-        currentPoint.yValue = 10;
-        expect(component.calcDelta(currentPoint, previousPoint)).toBe("-16.67%");
-        previousPoint.yValue = 0;
-        currentPoint.yValue = 1;
-        expect(component.calcDelta(currentPoint, previousPoint)).toBe("-");
-        previousPoint.yValue = 17;
-        currentPoint.yValue = 0;
-        expect(component.calcDelta(currentPoint, previousPoint)).toBe("-100%");
-    });
-    it("uses label-width to set y-axis label width", async () => {
-        page = await newSpecPage({
-            components: [LineChart],
-            html: `<wm-line-chart
-      label="Regional Job Trends"
-      description="View job trends for your region compared to national tends from the past 3 years with a 3 year projection"
-      x-axis-label="Year"
-      y-axis-label="Change Since 2020"
-      line-data='{"Regional": {"2020": 5, "2021": 10, "2022": 13, "2023": null, "2024": 20, "2025": 23, "2026": 25, "2027": 32, "2028": 35, "2029": 40, "2030": 42, "2031": 52, "2032": 54, "2033": 61}, "National": {"2020": 8, "2021": 13, "2022": 16, "2023": 21, "2024": 23, "2025": 26, "2026": 28, "2027": 29, "2028": 32, "2029": 35, "2030": 39, "2031": 49, "2032": 51, "2033": 58} }'
-    >
-    </wm-line-chart>`,
-        });
-        let yAxisLabel = await page.root.shadowRoot.querySelector(".--y-axis");
-        expect(yAxisLabel.style.cssText).toBe("--labelWidth: 120px;");
-        page = await newSpecPage({
-            components: [LineChart],
-            html: `<wm-line-chart
-      label="Regional Job Trends"
-      description="View job trends for your region compared to national tends from the past 3 years with a 3 year projection"
-      x-axis-label="Year"
-      y-axis-label="Change Since 2020"
-      line-data='{"Regional": {"2020": 5, "2021": 10, "2022": 13, "2023": null, "2024": 20, "2025": 23, "2026": 25, "2027": 32, "2028": 35, "2029": 40, "2030": 42, "2031": 52, "2032": 54, "2033": 61}, "National": {"2020": 8, "2021": 13, "2022": 16, "2023": 21, "2024": 23, "2025": 26, "2026": 28, "2027": 29, "2028": 32, "2029": 35, "2030": 39, "2031": 49, "2032": 51, "2033": 58} }'
-      label-width="23%"
-    >
-    </wm-line-chart>`,
-        });
-        yAxisLabel = await page.root.shadowRoot.querySelector(".--y-axis");
-        expect(yAxisLabel.style.cssText).toBe("--labelWidth: 23%;");
-    });
-    it("sets custom y-range if provided, abbreviates y-axis numbers of thousands", async () => {
-        page = await newSpecPage({
-            components: [LineChart],
-            html: `<wm-line-chart
-      label="Regional Job Trends"
-      description="View job trends for your region compared to national tends from the past 3 years with a 3 year projection"
-      x-axis-label="Year"
-      y-axis-label="Change Since 2020"
-      line-data='{"Regional": {"2020": -10000, "2021": 10900, "2022": 40200} }'
-      y-range="-13300,0,100,10000,20945,30099,40520"
-    >
-    </wm-line-chart>`,
-        });
-        const yIntervals = await page.root.shadowRoot.querySelectorAll(".y-interval");
-        expect(yIntervals[0].textContent).toBe("40.5K");
-        expect(yIntervals[1].textContent).toBe("30.1K");
-        expect(yIntervals[2].textContent).toBe("20.9K");
-        expect(yIntervals[3].textContent).toBe("10K");
-        expect(yIntervals[4].textContent).toBe("100");
-        expect(yIntervals[5].textContent).toBe("0");
-        expect(yIntervals[6].textContent).toBe("-13.3K");
-    });
-});

package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.e2e.js

@@ -1,69 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { AxePuppeteer } from "@axe-core/puppeteer";
-describe("Progress Monitor", () => {
-    let page;
-    async function createPageHelper() {
-        page = await newE2EPage();
-        await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
-    <wm-progress-monitor id="first-monitor">
-      <wm-progress-indicator label="First Indicator">
-        <wm-progress-slice amount="5" popover-title="5/20 Completed" popover-text="Popover text" popover-button-text="Button text" legend="completed" </wm-progress-slice>
-        <wm-progress-slice amount="15" popover-title="15/20 Not completed" popover-text="Popover text" popover-button-text="Button text" legend="not completed" </wm-progress-slice>
-      </wm-progress-indicator>
-      <wm-progress-indicator label="Second Indicator">
-        <wm-progress-slice amount="3" popover-title="3/20 Completed" popover-text="Popover text" popover-button-text="Button text" legend="completed" </wm-progress-slice>
-        <wm-progress-slice amount="17" popover-title="17/20 Not completed" popover-text="Popover text" popover-button-text="Button text" legend="not completed" </wm-progress-slice>
-      </wm-progress-indicator>
-    </wm-progress-monitor>
-  </main></body></html>`);
-    }
-    it("passes Axe checks", async () => {
-        await createPageHelper();
-        const results = await new AxePuppeteer(page).analyze();
-        expect(results.violations.length).toBe(0);
-    });
-    // Monitor toggles Indicator modes
-    it("toggles indicator modes", async () => {
-        await createPageHelper();
-        const indicator = await page.find("wm-progress-indicator");
-        page.setViewport({ width: 500, height: 900 });
-        await page.waitForChanges();
-        let classes = indicator.shadowRoot.querySelector(".component-wrapper").getAttribute("class");
-        expect(classes).toContain("bar");
-        page.setViewport({ width: 700, height: 900 });
-        await page.waitForChanges();
-        classes = indicator.shadowRoot.querySelector(".component-wrapper").getAttribute("class");
-        expect(classes).toContain("doughnut");
-    });
-    /* can't get the popover to show
-    // Slices read x of y {{popover text}}
-    it("announces the slice to SR", async () => {
-      await createPageHelper();
-      const indicator = await page.find("wm-progress-indicator");
-      await page.keyboard.press("Tab");
-      await page.waitForChanges();
-      await page.keyboard.press("ArrowDown");
-      await page.waitForChanges();
-      const popover = indicator.shadowRoot.querySelector("priv-chart-popover");
-      const results = await page.compareScreenshot();
-      expect(results).toMatchScreenshot({ allowableMismatchedPixels: 100 });
-  
-      popover.open = true;
-      const liveRegion = popover.querySelector(".live-region");
-      expect(liveRegion.textContent).toBe("");
-    });
-      */
-    /*** E2E ***/
-    // Doughnuts display in row, bars display in column
-    // Popovers automatically appear when navigating via keyboard
-    // Popovers emit wmProgressIndicatorButtonTriggered
-    // Tab navigates through indicators, no tab stop on Monitor
-    // Clicking a slice opens the popover
-    // Clicking outside or hitting escape closes the popover
-    /*** CAN'T BE TESTED? ***/
-    // Default breakpoint is the width of all children
-    // Breakpoint is customizable
-    //// including "px" makes it px
-    //// # less than 100 refers to # of charts
-    //// # greater than 100 refers to px
-});

package/dist/collection/components/charts/wm-progress-monitor/wm-progress-monitor.spec.js

@@ -1,79 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ProgressMonitor } from "./wm-progress-monitor";
-import { ProgressIndicator } from "./wm-progress-indicator";
-import { ProgressSlice } from "./wm-progress-slice";
-import * as globalFuncs from "../../../global/functions";
-jest.spyOn(globalFuncs, "generateId");
-// @ts-ignore
-globalFuncs.generateId.mockImplementation(() => "random-id");
-// mock ResizeObserver
-global.ResizeObserver = jest.fn().mockImplementation(() => ({
-    observe: jest.fn(),
-    unobserve: jest.fn(),
-    disconnect: jest.fn(),
-}));
-async function createPageHelper() {
-    return await newSpecPage({
-        components: [ProgressMonitor, ProgressIndicator, ProgressSlice],
-        html: `<wm-progress-monitor id="first-monitor">
-      <wm-progress-indicator label="First Indicator">
-        <wm-progress-slice
-          amount="5"
-          popover-title="5/20 Completed"
-          popover-text="Popover text"
-          popover-button-text="Button text"
-          legend="completed"
-        ></wm-progress-slice>
-        <wm-progress-slice
-          amount="15"
-          popover-title="15/20 Not completed"
-          popover-text="Popover text"
-          popover-button-text="Button text"
-          legend="not completed"
-        ></wm-progress-slice>
-      </wm-progress-indicator>
-      <wm-progress-indicator label="Second Indicator">
-        <wm-progress-slice
-          amount="3"
-          popover-title="3/20 Completed"
-          popover-text="Popover text"
-          popover-button-text="Button text"
-          legend="completed"
-        ></wm-progress-slice>
-        <wm-progress-slice
-          amount="17"
-          popover-title="17/20 Not completed"
-          popover-text="Popover text"
-          popover-button-text="Button text"
-          legend="not completed"
-        ></wm-progress-slice>
-      </wm-progress-indicator>
-    </wm-progress-monitor>`,
-    });
-}
-describe("Progress Monitor", () => {
-    it("builds", async () => {
-        const page = await createPageHelper();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("properties and attributes", async () => {
-        var _a;
-        const page = await createPageHelper();
-        const indicator = page.root.querySelector("wm-progress-indicator");
-        expect(indicator).toHaveProperty("label");
-        expect(indicator).toHaveProperty("subinfo");
-        expect(indicator).toHaveProperty("completionMessage");
-        expect(indicator).toHaveProperty("showLegend");
-        const indicatorComponentWrapper = (_a = indicator.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(".component-wrapper");
-        expect(indicatorComponentWrapper).toEqualAttribute("role", "application");
-        expect(indicatorComponentWrapper).toEqualAttribute("aria-label", "First Indicator");
-        expect(indicatorComponentWrapper).toEqualAttribute("aria-roledescription", "Interactive chart");
-        expect(indicatorComponentWrapper).toEqualAttribute("aria-describedby", "chart-instructions");
-        const slice = page.root.querySelector("wm-progress-slice");
-        expect(slice).toHaveProperty("amount");
-        expect(slice).toHaveProperty("legend");
-        expect(slice).toHaveProperty("popoverTitle");
-        expect(slice).toHaveProperty("popoverText");
-        expect(slice).toHaveProperty("popoverButtonText");
-    });
-});

package/dist/collection/components/wm-action-menu/wm-action-menu.e2e.js

@@ -1,200 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { AxePuppeteer } from "@axe-core/puppeteer";
-describe("wm-action-menu", () => {
-    let page;
-    beforeEach(async () => {
-        page = await newE2EPage();
-        await page.setContent("<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1><wm-action-menu id='test' tooltip='menu name'><wm-menuitem id='first' onClick='action()'>First action</wm-menuitem><wm-menuitem id='second'>Second action</wm-menuitem><wm-menuitem id='third'>Third action</wm-menuitem></wm-action-menu><script>function action() {document.getElementById('first').innerHTML = 'Changed text'}</script></main></body></html>");
-    });
-    it("passes Axe checks", async () => {
-        const results = await new AxePuppeteer(page).analyze();
-        expect(results.violations.length).toBe(0);
-    });
-    //ATTRIBUTES;
-    it("has the right WAI_ARIA roles, states and properties", async () => {
-        const wmbtn = await page.find("wm-action-menu >>> wm-button");
-        const menu = await page.find("wm-action-menu >>> #menu-test");
-        const second = await page.find("#second");
-        const third = await page.find("#third");
-        await page.waitForChanges();
-        // check aria-expanded attribute
-        expect(wmbtn).toEqualAttribute("aria-expanded", "false");
-        // If the element with the aria-expanded attribute controls the expansion of another grouping container that is not 'owned by' the element, the author SHOULD reference the container by using the aria-controls attribute.
-        // src: https://www.w3.org/WAI/PF/aria/states_and_properties#aria-expanded
-        expect(wmbtn).toEqualAttribute("aria-controls", "menu-test");
-        // An element that contains or owns all the menu items has role menu.
-        expect(menu).toEqualAttribute("role", "menu");
-        expect(menu).toEqualAttribute("tabindex", "-1");
-        // Each menuitem in the menu has role menuitem.
-        expect(second).toEqualAttribute("role", "menuitem"); // just checking one randomly
-        expect(third).toEqualAttribute("tabindex", "-1");
-    });
-    // Down Arrow: Moves focus to the first menuitem. If the dropdown is collapsed, it also expands the list.
-    // Up Arrow: Moves focus to the last menuitem. If the dropdown is collapsed, it also expands the list.
-    it("handles Up and Down Arrow keys", async () => {
-        const wmbtn = await page.find("wm-action-menu >>> wm-button");
-        expect(wmbtn.getAttribute("aria-expanded")).toEqual("false");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("ArrowDown");
-        await page.waitForChanges();
-        expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
-        const first = await page.find("wm-menuitem#first >>> div");
-        const second = await page.find("wm-menuitem#second >>> div");
-        expect(first).toHaveClass("focus");
-        await page.keyboard.press("ArrowDown");
-        await page.waitForChanges();
-        expect(second).toHaveClass("focus");
-        await page.keyboard.press("ArrowUp");
-        await page.waitForChanges();
-        expect(first).toHaveClass("focus");
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        await page.waitForTimeout(500); //allow closing animation and setTimeout to finish
-        expect(wmbtn.getAttribute("aria-expanded")).toEqual("false");
-        await page.keyboard.press("ArrowUp");
-        await page.waitForChanges();
-        // after the action runs the dropdown close and the dev should focus the relevant element.
-        // in case they don't, focus will return to the body. The component checks that and brings focus
-        // back to the button when that's the case.
-        // Things seem to happen differently with headless chrome / puppeteer. Focus stays on the menuitem even after
-        // it has become unable to have focus in normal browsers (after dropdown closes). Focus never gets to body.
-        // So here we simply test that the active el is not the body
-        const activeEl = await page.evaluate(() => document.activeElement.tagName);
-        expect(activeEl).not.toEqual("BODY");
-        expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
-        await page.keyboard.press("ArrowUp");
-        await page.waitForChanges();
-        expect(second).toHaveClass("focus");
-    });
-    // Home: If the dropdown is displayed, moves focus to first menuitem.
-    // End: If the dropdown is displayed, moves focus to last menuitem.
-    it("handles Home and End keys", async () => {
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Enter");
-        await page.waitForTimeout(40);
-        await page.keyboard.press("ArrowDown");
-        await page.keyboard.press("ArrowDown");
-        await page.waitForChanges();
-        const focusedEl = await page.find("wm-menuitem#third >>> div");
-        expect(focusedEl).toHaveClass("focus");
-        await page.keyboard.press("Home");
-        await page.waitForChanges();
-        const homefocusedEl = await page.find("wm-menuitem#first >>> div");
-        expect(focusedEl).not.toHaveClass("focus");
-        expect(homefocusedEl).toHaveClass("focus");
-        await page.keyboard.press("End");
-        await page.waitForChanges();
-        const endfocusedEl = await page.find("wm-menuitem#third >>> div");
-        expect(endfocusedEl).toHaveClass("focus");
-    });
-    // - Type a character: focus moves to the next menuitem with a name that starts with the typed character.
-    // - Type multiple characters in rapid succession: focus moves to the next menuitem with a name that starts with the string of characters typed
-    it("handles typing", async () => {
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        await page.keyboard.press("t");
-        await page.waitForChanges();
-        const focusedEl = await page.find("wm-menuitem#third >>> div");
-        expect(focusedEl).toHaveClass("focus");
-    });
-    // OPEN / CLOSE
-    // Spacebar: Should open the popup (we didn't implement, comes for free. Test is to make sure we don't break it)
-    it("handles the Spacebar key", async () => {
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Space");
-        await page.waitForChanges();
-        const wmbtn = await page.find("wm-action-menu >>> wm-button");
-        expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
-    });
-    // Escape: If the menu is displayed, closes the popup and returns focus to the button.
-    it("handles the Escape key", async () => {
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        const wmbtn = await page.find("wm-action-menu >>> wm-button");
-        expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
-        await page.keyboard.press("ArrowDown");
-        await page.keyboard.press("Escape");
-        await page.waitForChanges();
-        await page.waitForTimeout(500); //allow closing animation and setTimeout to finish
-        expect(wmbtn.getAttribute("aria-expanded")).toEqual("false");
-        const activeElId = await page.evaluate(() => document.activeElement.id);
-        expect(activeElId).toEqual("test");
-        //When dropdown reopens, focus returns to first element
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
-        const focusedEl = await page.find("wm-menuitem#first >>> div");
-        expect(focusedEl).toHaveClass("focus"); //
-    });
-    // Enter:
-    // - If the focus is on the button, it expands the dropdown and places focuses on the first menuitem.
-    // - If the dropdown is open, it closes the dropdown.
-    it("opens and closes the dropdown when enter key is pressed", async () => {
-        await page.keyboard.press("Tab");
-        const wmbtn = await page.find("wm-action-menu >>> wm-button");
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        expect(wmbtn.getAttribute("aria-expanded")).toEqual("true");
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        expect(wmbtn.getAttribute("aria-expanded")).toEqual("false");
-    });
-    it("runs the onClick function passed to the menuitem when clicked or key pressed", async () => {
-        page = await newE2EPage();
-        await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
-      <wm-action-menu id='test' tooltip='menu name'>
-      <wm-menuitem id='first' onClick='action()'>First action</wm-menuitem>
-      </wm-action-menu>
-      <div id='changeMe'>default</div>
-      <script>
-      function action() {
-        document.getElementById('changeMe').textContent += "&"
-      }
-      </script></main></body></html>`);
-        const div = await page.find("#changeMe");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        expect(div.textContent).toBe("default&");
-        await page.waitForTimeout(300); // make sure menu is closed before reopening (closes after the 250ms animation)
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        await page.click("#first");
-        await page.waitForChanges();
-        expect(div.textContent).toBe("default&&");
-    });
-    it("doesn't open the dropdown if the dropdown is disabled", async () => {
-        await page.evaluate(() => document.querySelector("wm-action-menu").setAttribute("disabled", "true"));
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Enter");
-        await page.waitForChanges();
-        const wmbtn = await page.find("wm-action-menu >>> wm-button");
-        await page.waitForChanges();
-        expect(wmbtn.getAttribute("aria-expanded")).toEqual("false");
-    });
-    // TOOLTIP
-    it("renders a tooltip when type is icon", async () => {
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        const tooltipEl = await page.find("#wm-tooltip");
-        expect(tooltipEl.textContent).toBe("menu name");
-    });
-    it("uses the label instead of tooltip text", async () => {
-        page = await newE2EPage();
-        await page.setContent("<wm-action-menu icon='f1c0' action-menu-type='icon' tooltip='delete' label-for-identical-buttons='delete this particular thing'><wm-menuitem>1</wm-menuitem></wm-action-menu>");
-        // use case: when the tooltip is something like "edit" and there are several buttons on a page, the aria label should be more specific than the tooltip
-        const wmbtn = await page.find("wm-action-menu >>> wm-button");
-        const btn = wmbtn.shadowRoot.querySelector("button");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        const tooltipEl = await page.find("#wm-tooltip");
-        expect(tooltipEl.textContent).toEqual("delete");
-        expect(btn).toEqualAttribute("aria-label", "delete this particular thing");
-    });
-});

package/dist/collection/components/wm-action-menu/wm-action-menu.spec.js

@@ -1,48 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ActionMenu } from "./wm-action-menu";
-import { Menuitem } from "../wm-menuitem/wm-menuitem";
-import * as globalFuncs from "../../global/functions";
-jest.spyOn(globalFuncs, "getTextDir").mockImplementation(() => "rtl");
-jest.spyOn(globalFuncs, "generateId");
-// @ts-ignore
-globalFuncs.generateId.mockImplementation(() => "random-id");
-describe("wm-action-menu", () => {
-    it("builds", async () => {
-        const page = await newSpecPage({
-            components: [ActionMenu, Menuitem],
-            html: "<wm-action-menu action-menu-type='icon' tooltip='Menu Name'><wm-menuitem icon='f3eb' onClick='someFunction()'>Menuitem one</wm-menuitem></wm-action-menu>",
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("has the right props", () => {
-        const menu = new ActionMenu();
-        expect(menu).toHaveProperty("childItems");
-        expect(menu).toHaveProperty("keysSoFar");
-        expect(menu).toHaveProperty("searchIndex");
-        expect(menu).toHaveProperty("tooltipPosition");
-        expect(menu).toHaveProperty("actionMenuType");
-        expect(menu).toHaveProperty("buttonText");
-        expect(menu).toHaveProperty("tooltip");
-        expect(menu).toHaveProperty("labelForIdenticalButtons");
-    });
-    describe("error throwing", () => {
-        it("throws error when action-menu-type is text/selector but no button-text is passed", async () => {
-            const mockFunc = jest.fn();
-            console.error = mockFunc;
-            await newSpecPage({
-                components: [ActionMenu, Menuitem],
-                html: "<wm-action-menu action-menu-type='text'><wm-menuitem icon='f3eb' onClick='someFunction()'>Menuitem one</wm-menuitem></wm-action-menu>",
-            });
-            expect(mockFunc).toHaveBeenCalledWith("wm-action-menu should have a valid button-text property when action-menu-type is set to 'text' or 'selector'");
-        });
-        it("throws error when action-menu-type is icon but no tooltip is passed", async () => {
-            const mockFunc = jest.fn();
-            console.error = mockFunc;
-            await newSpecPage({
-                components: [ActionMenu, Menuitem],
-                html: "<wm-action-menu action-menu-type='icon'><wm-menuitem icon='f3eb' onClick='someFunction()'>Menuitem one</wm-menuitem></wm-action-menu>",
-            });
-            expect(mockFunc).toHaveBeenCalledWith("wm-action-menu should have a valid tooltip when action-menu-type is set to 'icon'");
-        });
-    });
-});

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

@@ -1,55 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { AxePuppeteer } from "@axe-core/puppeteer";
-describe("wm-button", () => {
-    let page;
-    beforeEach(async () => {
-        page = await newE2EPage();
-    });
-    it("passes Axe checks", async () => {
-        await page.setContent(`<html lang='en'><head><title>Page</title></head><body><main><h1>Title</h1>
-      <wm-button>Click me</wm-button>
-      </main></body></html>`);
-        const results = await new AxePuppeteer(page).analyze();
-        expect(results.violations.length).toBe(0);
-    });
-    it("renders a button", async () => {
-        await page.setContent("<wm-button></wm-button>");
-        const element = await page.find("wm-button >>> button");
-        expect(element).not.toBeNull();
-    });
-    it("delegates focus", async () => {
-        await page.setContent("<wm-button>click here</wm-button>");
-        const wmButton = await page.find("wm-button");
-        wmButton.focus();
-        let activeEl = await page.evaluate(async () => {
-            let el = await document.activeElement.shadowRoot.activeElement;
-            return el.nodeName;
-        });
-        expect(activeEl).toBe("BUTTON");
-    });
-    it("renders a tooltip for text-only buttons if text is truncated", async () => {
-        await page.setContent("<wm-button text-wrap='false' style='width: 100px' button-type='textonly'>Text-only button with a very long text and text-wrap set to false</wm-button>");
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        const tooltip = await page.find("#wm-tooltip");
-        expect(tooltip.textContent).toEqual("Text-only button with a very long text and text-wrap set to false");
-    });
-    it("uses the label instead of tooltip text", async () => {
-        // use case: when the tooltip is something like "edit" and there are several buttons on a page, the aria label should be more specific than the tooltip
-        await page.setContent("<wm-button button-type='icononly' icon='f1c0' tooltip='delete' label-for-identical-buttons='Delete item 37' ></wm-button>");
-        await page.waitForChanges();
-        const btn = await page.find("wm-button >>> button");
-        expect(btn.getAttribute("aria-label")).toBe("Delete item 37");
-    });
-    it("renders the passed-in property button type property as a class", async () => {
-        await page.setContent("<wm-button></wm-button>");
-        const component = await page.find("wm-button");
-        const defaultButton = await page.find("wm-button >>> button");
-        expect(defaultButton).toHaveClass("-secondary");
-        component.setProperty("buttonType", "primary");
-        const primaryButton = await page.find("wm-button >>> button");
-        await page.waitForChanges();
-        expect(primaryButton).toHaveClass("-primary");
-    });
-});