auto-id: test valid a11y IDs

packages/auto-id/__tests__/auto-id.test.tsx

@@ -1,11 +1,17 @@
 import React from "react";
-import { useId as mockedId } from "@reach/auto-id";
+import { axe } from "jest-axe";
 import { render } from "$test/utils";
 
 const { useId } = jest.requireActual("@reach/auto-id");
 
 describe("useId", () => {
-  it("should generate an incremented ID value", () => {
+  it("should provide a valid ID for a11y", async () => {
+    let { container } = render(<TestInput />);
+    let results = await axe(container);
+    expect(results).toHaveNoViolations();
+  });
+
+  it("should generate a unique ID value", () => {
     function Comp() {
       const justNull = null;
       const randId = useId(justNull);
@@ -31,3 +37,13 @@ describe("useId", () => {
     expect(getByText("Ok").id).toEqual("awesome");
   });
 });
+
+function TestInput() {
+  let id = `name-${useId()}`;
+  return (
+    <div>
+      <label htmlFor={id}>Name</label>
+      <input name="name" id={id} type="text" />
+    </div>
+  );
+}