test: add e2e vrt snapshots for accordion and breadcrumb skeleton (#9326

)
carbon-design-system · Aug 3, 2021 · cc00f4d · cc00f4d
1 parent 0f39d45
commit cc00f4d
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 12 deletions.
diff --git a/packages/react/src/components/Accordion/__tests__/Accordion-test.e2e.js b/packages/react/src/components/Accordion/__tests__/Accordion-test.e2e.js
@@ -10,15 +10,19 @@ import 'carbon-components/scss/components/accordion/_accordion.scss';
 import React from 'react';
 import { mount } from '@cypress/react';
 import { default as Accordion, AccordionItem } from '..';
+import AccordionSkeleton from '../Accordion.Skeleton';
 
 describe('Accordion', () => {
   beforeEach(() => {
     mount(
-      <Accordion>
-        <AccordionItem title="Section 1">Panel 1</AccordionItem>
-        <AccordionItem title="Section 2">Panel 2</AccordionItem>
-        <AccordionItem title="Section 3">Panel 3</AccordionItem>
-      </Accordion>
+      <>
+        <Accordion>
+          <AccordionItem title="Section 1">Panel 1</AccordionItem>
+          <AccordionItem title="Section 2">Panel 2</AccordionItem>
+          <AccordionItem title="Section 3">Panel 3</AccordionItem>
+        </Accordion>
+        <AccordionSkeleton count={3} />
+      </>
     );
   });
 

diff --git a/packages/react/src/components/Breadcrumb/__tests__/Breadcrumb-test.e2e.js b/packages/react/src/components/Breadcrumb/__tests__/Breadcrumb-test.e2e.js
@@ -10,17 +10,21 @@ import 'carbon-components/scss/components/breadcrumb/_breadcrumb.scss';
 import React from 'react';
 import { mount } from '@cypress/react';
 import { Breadcrumb, BreadcrumbItem } from '../index';
+import { BreadcrumbSkeleton } from '../';
 
 describe('Breadcrumb', () => {
   beforeEach(() => {
     mount(
-      <Breadcrumb>
-        <BreadcrumbItem>
-          <a href="/#">Breadcrumb 1</a>
-        </BreadcrumbItem>
-        <BreadcrumbItem href="#">Breadcrumb 2</BreadcrumbItem>
-        <BreadcrumbItem href="#">Breadcrumb 3</BreadcrumbItem>
-      </Breadcrumb>
+      <>
+        <Breadcrumb>
+          <BreadcrumbItem>
+            <a href="/#">Breadcrumb 1</a>
+          </BreadcrumbItem>
+          <BreadcrumbItem href="#">Breadcrumb 2</BreadcrumbItem>
+          <BreadcrumbItem href="#">Breadcrumb 3</BreadcrumbItem>
+        </Breadcrumb>
+        <BreadcrumbSkeleton />
+      </>
     );
   });