From be61ffb6fe500cdbfa83b9cd131b8e72779f23c2 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Wed, 4 Oct 2023 18:17:35 +0200 Subject: refactor(components): rewrite BackToTop component * replace `link` prop with `anchor` prop * add a `label` prop to let consumer handle the accessible name --- .../molecules/buttons/back-to-top/back-to-top.test.tsx | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 src/components/molecules/buttons/back-to-top/back-to-top.test.tsx (limited to 'src/components/molecules/buttons/back-to-top/back-to-top.test.tsx') diff --git a/src/components/molecules/buttons/back-to-top/back-to-top.test.tsx b/src/components/molecules/buttons/back-to-top/back-to-top.test.tsx new file mode 100644 index 0000000..00eb020 --- /dev/null +++ b/src/components/molecules/buttons/back-to-top/back-to-top.test.tsx @@ -0,0 +1,17 @@ +import { describe, expect, it } from '@jest/globals'; +import { render, screen as rtlScreen } from '@testing-library/react'; +import { BackToTop } from './back-to-top'; + +describe('BackToTop', () => { + it('renders a BackToTop link', () => { + const anchor = '#top'; + const label = 'eveniet'; + + render(); + + const link = rtlScreen.getByRole('link'); + + expect(link).toHaveAccessibleName(label); + expect(link).toHaveAttribute('href', anchor); + }); +}); -- cgit v1.2.3