refactor(components): make Logo component ESlint compliant

I also renamed the title prop to heading because title already exists
as HTML attribute.

1 files changed, 13 insertions, 0 deletions

diff --git a/src/components/atoms/images/logo/logo.test.tsx b/src/components/atoms/images/logo/logo.test.tsx
new file mode 100644
index 0000000..26fe6c3
--- /dev/null
+++ b/src/components/atoms/images/logo/logo.test.tsx
@@ -0,0 +1,13 @@
+import { describe, expect, it } from '@jest/globals';
+import { render, screen as rtlScreen } from '@testing-library/react';
+import { Logo } from './logo';
+
+describe('Logo', () => {
+  it('renders a logo with a title', () => {
+    const heading = 'enim quaerat veritatis';
+
+    render(<Logo heading={heading} />);
+
+    expect(rtlScreen.getByRole('img')).toHaveAccessibleName(heading);
+  });
+});