Function getTestedComponents

test/unit/a11y-component-coverage.spec.ts:122–159

* Extract tested component names from the test file. * Handles both #components imports and direct ~/components/ imports.

(
  testFileContent: string,
  componentMap: Map<string, string[]>,
)

 * Handles both #components imports and direct ~/components/ imports.
 */
function getTestedComponents(
  testFileContent: string,
  componentMap: Map<string, string[]>,
): Set<string> {
  const tested = new Set<string>()

  // Match direct imports like:
  // import ComponentName from '~/components/ComponentName.vue'
  // import ComponentName from '~/components/subdir/ComponentName.vue'
  const directImportRegex = /import\s+\w+\s+from\s+['"]~\/components\/([^"']+\.vue)['"]/g
  let match

  while ((match = directImportRegex.exec(testFileContent)) !== null) {
    tested.add(normalizeComponentPath(match[1]!))
  }

  // Match #components imports like:
  // import { ComponentName, OtherComponent } from '#components'
  const hashComponentsRegex = /import\s*\{([^}]+)\}\s*from\s*['"]#components['"]/g
  while ((match = hashComponentsRegex.exec(testFileContent)) !== null) {
    const importList = match[1]!
    // Parse the import list, handling multi-line imports
    const componentNames = importList
      .split(',')
      .map(name => name.trim())
      .filter(name => name.length > 0)

    for (const name of componentNames) {
      // Look up the file paths from Nuxt's component map
      const filePaths = componentMap.get(name) || []
      for (const filePath of filePaths) {
        tested.add(filePath)
      }
    }
  }

  return tested
}

describe('a11y component test coverage', () => {
  const componentsDir = path.join(import.meta.dirname, '../../app/components')