packages/luna-charts/src/components/my-component/my-component.cmp.test.tsx

@@ -1,4 +1,5 @@
 import { render, h, describe, it, expect } from '@stencil/vitest';
+import { runA11yChecks } from '../../testing/a11y';
 
 describe('my-component', () => {
   it('renders', async () => {
@@ -14,10 +15,15 @@ describe('my-component', () => {
     `);
   });
 
+  it('has no accessibility violations', async () => {
+    const { root } = await render(<my-component></my-component>);
+
+    const results = await runA11yChecks(root);
+    expect(results).toHaveNoA11yViolations();
+  });
+
   it('renders with values', async () => {
-    const { root } = await render(
-      <my-component first="Stencil" middle="'Don't call me a framework'" last="JS"></my-component>,
-    );
+    const { root } = await render(<my-component first="Stencil" middle="'Don't call me a framework'" last="JS"></my-component>);
     await expect(root).toEqualHtml(`
       <my-component class="hydrated">
         <mock:shadow-root>