Fix jest tests

app/routes/_index.test.tsx

@@ -2,8 +2,9 @@ import { act, render, screen, waitFor } from "@testing-library/react"
 import MatchMediaMock from "jest-matchmedia-mock"
 
 import { createRemixStub, RemixStubProps } from "@remix-run/testing"
-import App from "./root"
+import App from "../root"
 import React from "react"
+import Index from "./_index"
 let RemixStub: (props: RemixStubProps) => React.JSX.Element
 
 describe("root", () => {
@@ -13,8 +14,8 @@ describe("root", () => {
         path: "/",
         meta: () => [],
         links: () => [],
-        loader: () => ({ isSupported: true }),
+        loader: () => ({ isSupported: true, isMobileSafari: true }),
-        Component: App,
+        Component: Index,
       },
     ])
   })
@@ -35,9 +36,12 @@ describe("root", () => {
         test("they are instructed to install tack up now", async () => {
           render(<RemixStub />)
 
-          await waitFor(() => screen.findByText<HTMLElement>(/Install/), {
+          await waitFor(
-            timeout: 2000,
+            () => screen.findByText<HTMLElement>(/Install Tack Up Now!/),
-          })
+            {
+              timeout: 2000,
+            }
+          )
 
           expect(true).toBe(true)
         })

jest.config.ts

@@ -5,14 +5,15 @@ const ignorePatterns = [
   "\\/\\.tmp\\/",
   "\\/\\.cache\\/",
   "data",
-  "e2e"
+  "e2e",
-];
+]
 
 module.exports = {
   moduleNameMapper: {
     "^@web3-storage/multipart-parser$": require.resolve(
       "@web3-storage/multipart-parser"
     ),
+    "\\?url$": "<rootDir>/url-mock.js",
   },
   modulePathIgnorePatterns: ignorePatterns,
   transform: {
@@ -28,4 +29,4 @@ module.exports = {
   setupFiles: [],
   testEnvironment: "jsdom",
   setupFilesAfterEnv: ["./setupTests.ts", "@testing-library/jest-dom"],
-};
+}

url-mock.js

@@ -0,0 +1 @@
+export default "/path/to/something"