Add tests for screen reader table

src/components/__tests__/ChartScreenReaderTable.spec.ts

@@ -0,0 +1,18 @@
+import {describe, it, expect} from 'vitest';
+import {mount} from '@vue/test-utils';
+import ChartScreenReaderTable from '@/components/ChartScreenReaderTable.vue';
+
+describe('ChartScreenReaderTable', () => {
+  it('mounts', () => {
+    const wrapper = mount(ChartScreenReaderTable, {
+      props: {
+        title: 'Amount of trainings',
+        id: 'my-chart',
+        labels: ['Running', 'Sprint', 'Swimming'],
+        data: [1, 2, 3],
+      },
+    });
+    expect(wrapper.html()).toMatchSnapshot();
+    expect(wrapper.find('table').classes()).toContain('d-sr-only');
+  });
+});

src/components/__tests__/__snapshots__/ChartScreenReaderTable.spec.ts.snap

@@ -0,0 +1,21 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`ChartScreenReaderTable > mounts 1`] = `
+"<table class="d-sr-only" id="my-chart">
+  <caption>Amount of trainings</caption>
+  <thead>
+    <tr>
+      <th>Running</th>
+      <th>Sprint</th>
+      <th>Swimming</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>1</td>
+      <td>2</td>
+      <td>3</td>
+    </tr>
+  </tbody>
+</table>"
+`;