feat(@clayui/vertical-nav): LPD-46396 - Update tests and snapshots

Author: ilzamcmed

packages/clay-core/src/vertical-nav/__tests__/BasicRendering.tsx

@@ -13,7 +13,7 @@ describe('VerticalNav basic rendering', () => {
 
 	it('render static content', () => {
 		const {container} = render(
-			<VerticalNav>
+			<VerticalNav aria-label="vertical navbar">
 				<VerticalNav.Item active key="home">
 					Home
 				</VerticalNav.Item>
@@ -28,6 +28,7 @@ describe('VerticalNav basic rendering', () => {
 	it('render dynamic content', () => {
 		const {container} = render(
 			<VerticalNav
+				aria-label="vertical navbar"
 				items={[
 					{
 						id: 1,

packages/clay-core/src/vertical-nav/__tests__/__snapshots__/BasicRendering.tsx.snap

@@ -3,6 +3,7 @@
 exports[`VerticalNav basic rendering render dynamic content 1`] = `
 <div>
   <nav
+    aria-label="vertical navbar"
     class="menubar menubar-transparent menubar-vertical-expand-md"
   >
     <button
@@ -107,6 +108,7 @@ exports[`VerticalNav basic rendering render dynamic content 1`] = `
 exports[`VerticalNav basic rendering render static content 1`] = `
 <div>
   <nav
+    aria-label="vertical navbar"
     class="menubar menubar-transparent menubar-vertical-expand-md"
   >
     <button

packages/clay-nav/src/__tests__/__snapshots__/index.tsx.snap

@@ -3,6 +3,7 @@
 exports[`ClayVerticalNav renders 1`] = `
 <div>
   <nav
+    aria-label="vertical navbar"
     class="menubar menubar-transparent menubar-vertical-expand-md"
   >
     <button

packages/clay-nav/src/__tests__/index.tsx

@@ -64,15 +64,23 @@ describe('ClayVerticalNav', () => {
 
 	it('renders', () => {
 		const {container} = render(
-			<ClayVerticalNav items={items} spritemap="/path/to" />
+			<ClayVerticalNav
+				aria-label="vertical navbar"
+				items={items}
+				spritemap="/path/to"
+			/>
 		);
 
 		expect(container).toMatchSnapshot();
 	});
 
 	it('expands items when clicked', () => {
 		const {container, getByText} = render(
-			<ClayVerticalNav items={items} spritemap="/path/to" />
+			<ClayVerticalNav
+				aria-label="vertical navbar"
+				items={items}
+				spritemap="/path/to"
+			/>
 		);
 
 		expect(
@@ -88,7 +96,11 @@ describe('ClayVerticalNav', () => {
 
 	it('expand items by pressing the right arrow key', () => {
 		const {getByText} = render(
-			<ClayVerticalNav items={ITEMS} spritemap="/path/to" />
+			<ClayVerticalNav
+				aria-label="vertical navbar"
+				items={ITEMS}
+				spritemap="/path/to"
+			/>
 		);
 
 		const projects = getByText('Projects');
@@ -105,7 +117,11 @@ describe('ClayVerticalNav', () => {
 
 	it('collapse items by pressing the left arrow key', () => {
 		const {getByText} = render(
-			<ClayVerticalNav items={ITEMS} spritemap="/path/to" />
+			<ClayVerticalNav
+				aria-label="vertical navbar"
+				items={ITEMS}
+				spritemap="/path/to"
+			/>
 		);
 
 		const projects = getByText('Projects');
@@ -126,7 +142,11 @@ describe('ClayVerticalNav', () => {
 
 	it('moves focus to first item if item is expanded', () => {
 		const {getByText} = render(
-			<ClayVerticalNav items={ITEMS} spritemap="/path/to" />
+			<ClayVerticalNav
+				aria-label="vertical navbar"
+				items={ITEMS}
+				spritemap="/path/to"
+			/>
 		);
 
 		const projects = getByText('Projects');
@@ -149,7 +169,11 @@ describe('ClayVerticalNav', () => {
 
 	it('move focus to parent if focus is on child when pressing left arrow key', () => {
 		const {getByText} = render(
-			<ClayVerticalNav items={ITEMS} spritemap="/path/to" />
+			<ClayVerticalNav
+				aria-label="vertical navbar"
+				items={ITEMS}
+				spritemap="/path/to"
+			/>
 		);
 
 		const projects = getByText('Projects');