From 477f2bcc479e54a5618e2623ccad178b8240f1a1 Mon Sep 17 00:00:00 2001
From: Ninosaurier <provenzano.a@gmx.net>
Date: Thu, 16 Jul 2026 15:34:35 +0200
Subject: [PATCH] feat(a11y-example) Added my-component

my-component will remove in the future or moved in example. It is just a preview to see, if the tests run
---
 .../my-component/my-component.cmp.test.tsx           | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/luna-charts/src/components/my-component/my-component.cmp.test.tsx b/packages/luna-charts/src/components/my-component/my-component.cmp.test.tsx
index a3a2076..bc8961e 100644
--- a/packages/luna-charts/src/components/my-component/my-component.cmp.test.tsx
+++ b/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>