From be61ffb6fe500cdbfa83b9cd131b8e72779f23c2 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
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(<BackToTop anchor={anchor} label={label} />);
+
+    const link = rtlScreen.getByRole('link');
+
+    expect(link).toHaveAccessibleName(label);
+    expect(link).toHaveAttribute('href', anchor);
+  });
+});
-- 
cgit v1.2.3

