test: fix test warnings and reorganize test files

- Fix React key prop warning in AdvancedQRCode tests by separating forEach iterations into individual test cases
- Move test SVG files and detectability script to test/ directory
- Update .gitignore to exclude test output files
- Better organize test structure for maintainability

Author: meabed

.gitignore

@@ -21,3 +21,7 @@ dist
 ## this is generated by `npm pack`
 *.tgz
 package
+
+## test outputs
+test/svg-detectability/*.svg
+test/svg-detectability/detectability-report.json

src/__tests__/AdvancedQRCode.test.tsx

@@ -436,7 +436,7 @@ describe('AdvancedQRCode', () => {
       expect(svg).toBeInTheDocument()
     })
 
-    it('should support color blind modes', () => {
+    describe('color blind modes', () => {
       const modes = [
         'protanopia',
         'deuteranopia',
@@ -445,19 +445,21 @@ describe('AdvancedQRCode', () => {
       ] as const
 
       modes.forEach((mode) => {
-        const { container } = render(
-          <AdvancedQRCode
-            value="test"
-            advancedStyle={{
-              accessibility: {
-                colorBlindMode: mode,
-              },
-            }}
-          />
-        )
+        it(`should support ${mode} mode`, () => {
+          const { container } = render(
+            <AdvancedQRCode
+              value="test"
+              advancedStyle={{
+                accessibility: {
+                  colorBlindMode: mode,
+                },
+              }}
+            />
+          )
 
-        const svg = container.querySelector('svg')
-        expect(svg).toBeInTheDocument()
+          const svg = container.querySelector('svg')
+          expect(svg).toBeInTheDocument()
+        })
       })
     })
 

test-svgs/detectability-report.json

@@ -16,8 +16,8 @@ const path = require('path')
 const QrScanner = require('qr-scanner')
 
 // Directory paths
-const EXAMPLES_DIR = path.join(__dirname, 'examples')
-const TEST_OUTPUT_DIR = path.join(__dirname, 'test-svgs')
+const EXAMPLES_DIR = path.join(__dirname, '..', 'examples')
+const TEST_OUTPUT_DIR = path.join(__dirname, 'svg-detectability')
 
 // HTML files to test
 const HTML_FILES = [