docs(start/framework/testing): fix code (#12516)

Author: barclayd

contributors.yml

@@ -38,6 +38,7 @@
 - aymanemadidi
 - ayushmanchhabra
 - babafemij-k
+- barclayd
 - bavardage
 - bbrowning918
 - BDomzalski

docs/start/framework/testing.md

@@ -36,7 +36,8 @@ We can test this component with `createRoutesStub`. It takes an array of objects
 
 ```tsx
 import { createRoutesStub } from "react-router";
-import * as Test from "@testing-library/react";
+import { render, screen, waitFor } from "@testing-library/react";
+import userEvent from '@testing-library/user-event';
 import { LoginForm } from "./LoginForm";
 
 test("LoginForm renders error messages", async () => {
@@ -59,12 +60,12 @@ test("LoginForm renders error messages", async () => {
   ]);
 
   // render the app stub at "/login"
-  Test.render(<Stub initialEntries={["/login"]} />);
+  render(<Stub initialEntries={["/login"]} />);
 
   // simulate interactions
-  Test.user.click(screen.getByText("Login"));
-  await Test.waitFor(() => screen.findByText(USER_MESSAGE));
-  await Test.waitFor(() =>
+  userEvent.click(screen.getByText("Login"));
+  await waitFor(() => screen.findByText(USER_MESSAGE));
+  await waitFor(() =>
     screen.findByText(PASSWORD_MESSAGE)
   );
 });