test(spindle-ui): check aria attributes in Breadcrumb

openameba · Aug 9, 2023 · dfc2d90 · dfc2d90
1 parent 5b4a418
commit dfc2d90
Showing 1 changed file with 25 additions and 0 deletions.
diff --git a/packages/spindle-ui/src/Breadcrumb/Breadcrumb.test.tsx b/packages/spindle-ui/src/Breadcrumb/Breadcrumb.test.tsx
@@ -0,0 +1,25 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+
+import { BreadcrumbList, BreadcrumbItem } from './';
+
+describe('<Breadcrumb />', () => {
+  test('having aria attributes', () => {
+    render(
+      <BreadcrumbList>
+        <BreadcrumbItem href="/top">Top</BreadcrumbItem>
+        <BreadcrumbItem href="/team">Team</BreadcrumbItem>
+        <BreadcrumbItem href="/about" current>
+          Amebaとは
+        </BreadcrumbItem>
+      </BreadcrumbList>,
+    );
+
+    expect(screen.getByRole('navigation').getAttribute('aria-label')).toEqual(
+      'パンくずリスト',
+    );
+    expect(screen.getByText('Amebaとは').getAttribute('aria-current')).toEqual(
+      'page',
+    );
+  });
+});