diff --git a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Default.png b/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Default.png deleted file mode 100644 index 4400503eb8..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Default.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Disabled.png b/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Disabled.png deleted file mode 100644 index 9ad9f64858..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Disabled.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Expanded.png b/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Expanded.png deleted file mode 100644 index 4d29f48601..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Expanded.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Group_Title.png b/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Group_Title.png deleted file mode 100644 index 82f4a85bd2..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Group_Title.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Icon.png b/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Icon.png deleted file mode 100644 index 17ea9b5448..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Icon.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Light_text.png b/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Light_text.png deleted file mode 100644 index 1b330923cf..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Light_text.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Parent.png b/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Parent.png deleted file mode 100644 index 48046ebf7c..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Parent.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Single_Expansion.png b/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Single_Expansion.png deleted file mode 100644 index 5ee784e31c..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Single_Expansion.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Sizes.png b/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Sizes.png deleted file mode 100644 index 336b699f94..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_iphone7_Web_Components_Accordion_Sizes.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Default.png b/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Default.png deleted file mode 100644 index e7449e987f..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Default.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Disabled.png b/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Disabled.png deleted file mode 100644 index 3b717f3e65..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Disabled.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Expanded.png b/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Expanded.png deleted file mode 100644 index b4eef9d6ba..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Expanded.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Group_Title.png b/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Group_Title.png deleted file mode 100644 index 24de4349f4..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Group_Title.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Icon.png b/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Icon.png deleted file mode 100644 index 1f4a0a873a..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Icon.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Light_text.png b/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Light_text.png deleted file mode 100644 index b64c5a07ea..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Light_text.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Parent.png b/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Parent.png deleted file mode 100644 index fba498c492..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Parent.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Single_Expansion.png b/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Single_Expansion.png deleted file mode 100644 index 4e763bbeb4..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Single_Expansion.png and /dev/null differ diff --git a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Sizes.png b/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Sizes.png deleted file mode 100644 index 8f6c6fad0e..0000000000 Binary files a/packages/web-components/.loki/reference/chrome_laptop_Web_Components_Accordion_Sizes.png and /dev/null differ diff --git a/packages/web-components/src/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.ts b/packages/web-components/src/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.ts deleted file mode 100644 index 363d361bca..0000000000 --- a/packages/web-components/src/components/ic-accordion-group/test/a11y/ic-accordion-group.test.a11y.ts +++ /dev/null @@ -1,31 +0,0 @@ -import { fixture } from "@open-wc/testing-helpers"; -import { axe } from "jest-axe"; -import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers"; - -describe("ic-accordion-group", () => { - it("passes accessibility", async () => { - const el = await fixture(` - - - - - - - This is an example of the main body text - - - - `); - checkShadowElementRendersCorrectly(el); - expect(await axe(el)).toHaveNoViolations(); - }); -}); diff --git a/packages/web-components/src/components/ic-accordion-group/test/basic/ic-accordion-group.e2e.ts b/packages/web-components/src/components/ic-accordion-group/test/basic/ic-accordion-group.e2e.ts deleted file mode 100644 index a5a218b912..0000000000 --- a/packages/web-components/src/components/ic-accordion-group/test/basic/ic-accordion-group.e2e.ts +++ /dev/null @@ -1,145 +0,0 @@ -import { newE2EPage } from "@stencil/core/testing"; - -beforeAll(() => { - jest.spyOn(console, "warn").mockImplementation(jest.fn()); -}); - -describe("ic-accordion-group", () => { - it("button text should change to 'See all' when expanded accordion clicked", async () => { - const page = await newE2EPage(); - await page.setContent( - ` - - ` - ); - const seeAllBtn = await page.find("ic-accordion-group >>> ic-button"); - let text = await seeAllBtn.innerText; - - expect(text).toBe("Hide all"); - await seeAllBtn.click(); - await page.waitForChanges(); - text = await seeAllBtn.innerText; - expect(text).toBe("See all"); - }); - - it("should open accordion when 'See all' clicked", async () => { - const page = await newE2EPage(); - await page.setContent( - ` - - ` - ); - - const seeAllBtn = await page.find("ic-accordion-group >>> ic-button"); - - await seeAllBtn.click(); - await page.waitForChanges(); - - const accordionExpanded = await page.find( - "ic-accordion >>> .section-button-open" - ); - - expect(accordionExpanded).not.toBeNull(); - }); - - it("should test the See all/ Hide all function", async () => { - const page = await newE2EPage(); - await page.setContent(` - - - - This is an example of the main body text. - - - - - This is an example of the main body text. - - - - `); - - const accordions = await page.findAll("ic-accordion"); - const accordion1 = accordions[0]; - const accordion2 = accordions[1]; - const accordionButton = await page.find("ic-accordion-group >>> ic-button"); - - expect(await accordion1.getProperty("expanded")).toBe(false); - expect(await accordion2.getProperty("expanded")).toBe(true); - expect((await accordionButton).innerText).toBe("See all"); - - await accordionButton.click(); - await page.waitForChanges(); - - expect(await accordion1.getProperty("expanded")).toBe(true); - expect(await accordion2.getProperty("expanded")).toBe(true); - expect((await accordionButton).innerText).toBe("Hide all"); - - await accordionButton.click(); - await page.waitForChanges(); - - expect(await accordion1.getProperty("expanded")).toBe(false); - expect(await accordion2.getProperty("expanded")).toBe(false); - expect((await accordionButton).innerText).toBe("See all"); - }); - - it("should open second accordion and close first accordion on single expansion", async () => { - const page = await newE2EPage(); - await page.setContent(` - - - - This is an example of the main body text. - - - - - This is an example of the main body text. - - - - `); - const accordions = await page.findAll("ic-accordion"); - const accordion1 = accordions[0]; - const accordion2 = accordions[1]; - - expect(await accordion1.getProperty("expanded")).toBe(true); - expect(await accordion2.getProperty("expanded")).toBe(false); - - await accordion2.click(); - await page.waitForChanges(); - - expect(await accordion1.getProperty("expanded")).toBe(false); - expect(await accordion2.getProperty("expanded")).toBe(true); - }); - - it("both accordions should open when single expansion is false", async () => { - const page = await newE2EPage(); - await page.setContent(` - - - - This is an example of the main body text. - - - - - This is an example of the main body text. - - - - `); - const accordions = await page.findAll("ic-accordion"); - const accordion1 = accordions[0]; - const accordion2 = accordions[1]; - - expect(await accordion1.getProperty("expanded")).toBe(true); - expect(await accordion2.getProperty("expanded")).toBe(false); - - await accordion2.click(); - await page.waitForChanges(); - - expect(await accordion1.getProperty("expanded")).toBe(true); - expect(await accordion2.getProperty("expanded")).toBe(true); - }); -}); diff --git a/packages/web-components/src/components/ic-accordion/ic-accordion.stories.mdx b/packages/web-components/src/components/ic-accordion/ic-accordion.stories.mdx index 821a019279..e4620e0128 100644 --- a/packages/web-components/src/components/ic-accordion/ic-accordion.stories.mdx +++ b/packages/web-components/src/components/ic-accordion/ic-accordion.stories.mdx @@ -15,7 +15,7 @@ import readme from "./readme.md"; ### Default - + {html` This is an example of the main body text. @@ -32,7 +32,7 @@ import readme from "./readme.md"; ### Expanded - + {html` This is an example of the main body text. @@ -49,7 +49,7 @@ import readme from "./readme.md"; ### Icon - + {html` - + {html` - + {html` - + {html` - + {html` - + {html` @@ -371,7 +374,7 @@ import readme from "./readme.md"; ### Disabled - + {html` This is an example of the main body text. diff --git a/packages/web-components/src/components/ic-accordion/test/basic/ic-accordion.e2e.ts b/packages/web-components/src/components/ic-accordion/test/basic/ic-accordion.e2e.ts deleted file mode 100644 index d7b2155336..0000000000 --- a/packages/web-components/src/components/ic-accordion/test/basic/ic-accordion.e2e.ts +++ /dev/null @@ -1,74 +0,0 @@ -import { newE2EPage } from "@stencil/core/testing"; - -describe("ic-accordion component", () => { - it("should expand when clicked", async () => { - const page = await newE2EPage(); - await page.setContent(` - - - This is an example of the main body text. - - - `); - - const button = await page.find("ic-accordion"); - const accordionOpen = await page.spyOnEvent("accordionClicked"); - - await button.click(); - await page.waitForChanges; - expect(accordionOpen).toHaveReceivedEvent(); - }); - - it("aria-expanded should equal true when accordion opened", async () => { - const page = await newE2EPage(); - await page.setContent( - ` - - This is an example of the main body text. - - - ` - ); - - const accordion = await page.find("ic-accordion >>> button"); - - await accordion.click(); - await page.waitForChanges(); - - expect(accordion.getAttribute("aria-expanded")).toBe("true"); - }); - - it("should open accordion when space bar pressed", async () => { - const page = await newE2EPage(); - await page.setContent(``); - - const accordion = await page.find("ic-accordion"); - - expect(await accordion.getProperty("expanded")).toBe(false); - - await page.keyboard.press("Tab"); - await accordion.press(" "); - await page.waitForChanges(); - - expect(await accordion.getProperty("expanded")).toBe(true); - }); - - it("should skip disabled accordion when using tab", async () => { - const page = await newE2EPage(); - await page.setContent(` - - - `); - - await page.keyboard.press("Tab"); - await page.waitForChanges(); - await page.keyboard.press("Tab"); - await page.waitForChanges(); - - const accordions = await page.findAll("ic-accordion"); - const lastAccordionId = accordions[accordions.length - 1].id; - - const activeElement = await page.evaluate(() => document.activeElement.id); - expect(activeElement).toEqual(lastAccordionId); - }); -});