chore: upgrade vitest and switch to v8 coverage (#27)

* chore: upgrade vitest and switch to v8 coverage

* test main entry point

Author: just-boris

package-lock.json

@@ -89,7 +89,7 @@
     "@typescript-eslint/eslint-plugin": "^5.48.0",
     "@typescript-eslint/parser": "^5.48.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-istanbul": "^1.1.1",
+    "@vitest/coverage-v8": "^1.4.0",
     "chokidar-cli": "^3.0.0",
     "eslint": "^8.31.0",
     "eslint-config-prettier": "^8.6.0",
@@ -122,7 +122,7 @@
     "stylelint-use-logical": "^2.1.0",
     "typescript": "4.9.4",
     "vite": "^5.0.12",
-    "vitest": "^1.1.1"
+    "vitest": "^1.4.0"
   },
   "//": "ensure that typedoc uses typescript 4.9.4. It prints a warning, but works",
   "overrides": {

package.json

@@ -1,6 +1,6 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`definition for code-view matches the snapshot > code-view 1`] = `
+exports[`definition for code-view matches the snapshot 1`] = `
 {
   "events": [],
   "functions": [],

src/__tests__/__snapshots__/documenter.test.ts.snap

@@ -3,11 +3,11 @@
 import { render } from "@testing-library/react";
 import { ReactElement } from "react";
 import { describe, expect, test } from "vitest";
+import * as components from "../../lib/components";
 import { defaultProps } from "./default-props";
-import { requireComponent } from "./utils";
 
-describe(`base props support for code-view`, async () => {
-  const Component = await requireComponent("code-view");
+describe(`base props support for code-view`, () => {
+  const Component = components.CodeView;
   const props = defaultProps["code-view" as keyof typeof defaultProps];
 
   function renderComponent(ui: ReactElement) {
@@ -20,11 +20,13 @@ describe(`base props support for code-view`, async () => {
   });
 
   test("should not allow id", () => {
+    // @ts-expect-error id is not supported
     const { container } = renderComponent(<Component {...props} id="example" />);
     expect(container.querySelector("#example")).toBeNull();
   });
 
   test("should not allow className", () => {
+    // @ts-expect-error className is not supported
     const { container } = renderComponent(<Component {...props} className="example" />);
     expect(container.querySelector(".example")).toBeNull();
   });

src/__tests__/base-props-support.test.tsx

@@ -1,9 +1,10 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { expect, test } from "vitest";
-import { requireComponentDefinition } from "./utils";
+// @ts-expect-error no types here
+import apiDocs from "../../lib/components/internal/api-docs/components";
 
-test(`definition for code-view matches the snapshot`, () => {
-  const definition = requireComponentDefinition("code-view");
-  expect(definition).toMatchSnapshot("code-view");
+test("definition for code-view matches the snapshot", () => {
+  const definition = apiDocs["code-view"];
+  expect(definition).toMatchSnapshot();
 });