From f81c7e9d726cbd8222a415f9bd46993704c40b5c Mon Sep 17 00:00:00 2001
From: Taylor Jones <taylor.jones826@gmail.com>
Date: Mon, 26 Jul 2021 15:01:09 -0500
Subject: [PATCH] test: add e2e vrt snapshots for accordion and breadcrumb
 skeleton

---
 .../Accordion/__tests__/Accordion-test.e2e.js  | 14 +++++++++-----
 .../__tests__/Breadcrumb-test.e2e.js           | 18 +++++++++++-------
 2 files changed, 20 insertions(+), 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
index 04d6f476244a..920b642381f6 100644
--- 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
index 969f898295f4..0dd22e2d86a1 100644
--- 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 />
+      </>
     );
   });