fix(deps): update jest monorepo to v28 (major)

package.json

@@ -62,14 +62,14 @@
     "@testing-library/user-event": "14.3.0",
     "@types/babel__generator": "7",
     "@types/fs-extra": "9.0.13",
-    "@types/jest": "27.5.2",
+    "@types/jest": "28.1.6",
     "@types/jscodeshift": "0.11.5",
     "@types/lodash.template": "4.5.1",
     "@types/ncp": "2.0.5",
     "@types/prompts": "2.4.0",
     "all-contributors-cli": "6.20.0",
     "ansi-colors": "4.1.3",
-    "babel-jest": "27.5.1",
+    "babel-jest": "28.1.3",
     "babel-plugin-auto-import": "1.1.0",
     "babel-plugin-remove-code": "0.0.6",
     "boxen": "5.1.2",
@@ -80,7 +80,7 @@
     "fast-glob": "3.2.11",
     "fs-extra": "10.1.0",
     "is-port-reachable": "3.1.0",
-    "jest": "27.5.1",
+    "jest": "28.1.3",
     "jscodeshift": "0.13.1",
     "lerna": "5.3.0",
     "lodash.template": "4.5.0",

packages/api-server/package.json

@@ -56,7 +56,7 @@
     "@types/split2": "3.2.1",
     "@types/yargs": "17.0.11",
     "aws-lambda": "1.0.7",
-    "jest": "27.5.1",
+    "jest": "28.1.3",
     "typescript": "4.7.4"
   },
   "gitHead": "3905ed045508b861b495f8d5630d76c7a157d8f1"

packages/api/package.json

@@ -59,7 +59,7 @@
     "@types/split2": "3.2.1",
     "@types/uuid": "8.3.4",
     "aws-lambda": "1.0.7",
-    "jest": "27.5.1",
+    "jest": "28.1.3",
     "split2": "4.1.0",
     "typescript": "4.7.4"
   },

packages/auth/package.json

@@ -46,7 +46,7 @@
     "firebase": "9.9.2",
     "firebase-admin": "10.3.0",
     "gotrue-js": "0.9.29",
-    "jest": "27.5.1",
+    "jest": "28.1.3",
     "magic-sdk": "8.1.1",
     "netlify-identity-widget": "1.9.2",
     "react": "17.0.2",

packages/cli/package.json

@@ -69,7 +69,7 @@
     "@babel/cli": "7.16.7",
     "@babel/core": "7.16.7",
     "@types/listr": "0.14.4",
-    "jest": "27.5.1",
+    "jest": "28.1.3",
     "typescript": "4.7.4"
   },
   "gitHead": "3905ed045508b861b495f8d5630d76c7a157d8f1"

packages/cli/src/commands/generate/component/__tests__/__snapshots__/component.test.ts.snap

@@ -37,6 +37,7 @@ exports[`creates a multi word component 1`] = `
   return (
     <div>
       <h2>{'UserProfile'}</h2>
+
       <p>{'Find me in ./web/src/components/UserProfile/UserProfile.js'}</p>
     </div>
   )
@@ -80,6 +81,7 @@ exports[`creates a single word component 1`] = `
   return (
     <div>
       <h2>{'User'}</h2>
+
       <p>{'Find me in ./web/src/components/User/User.js'}</p>
     </div>
   )

packages/cli/src/commands/generate/layout/__tests__/__snapshots__/layout.test.ts.snap

@@ -14,10 +14,15 @@ const A11yLayout = ({ children }) => {
   return (
     <>
       {/* renders a link that remains hidden till focused; put it at the top of your layout */}
+
       <SkipNavLink />
+
       <nav></nav>
+
       {/* renders a div as the target for the link; put it next to your main content */}
+
       <SkipNavContent />
+
       <main>{children}</main>
     </>
   )

packages/cli/src/commands/generate/page/__tests__/__snapshots__/page.test.js.snap

@@ -10,12 +10,16 @@ const HomePage = () => {
       <MetaTags title=\\"Home\\" description=\\"Home page\\" />
 
       <h1>HomePage</h1>
+
       <p>
-        Find me in <code>./web/src/pages/HomePage/HomePage.js</code>
+        Find me in
+        <code>./web/src/pages/HomePage/HomePage.js</code>
       </p>
+
       <p>
-        My default route is named <code>home</code>, link to me with \`
-        <Link to={routes.home()}>Home</Link>\`
+        My default route is named
+        <code>home</code>, link to me with \`<Link to={routes.home()}>Home</Link>
+        \`
       </p>
     </>
   )
@@ -35,11 +39,15 @@ const ContactUsPage = () => {
       <MetaTags title=\\"ContactUs\\" description=\\"ContactUs page\\" />
 
       <h1>ContactUsPage</h1>
+
       <p>
-        Find me in <code>./web/src/pages/ContactUsPage/ContactUsPage.js</code>
+        Find me in
+        <code>./web/src/pages/ContactUsPage/ContactUsPage.js</code>
       </p>
+
       <p>
-        My default route is named <code>contactUs</code>, link to me with \`
+        My default route is named
+        <code>contactUs</code>, link to me with \`
         <Link to={routes.contactUs()}>ContactUs</Link>\`
       </p>
     </>
@@ -60,12 +68,16 @@ const CatsPage = () => {
       <MetaTags title=\\"Cats\\" description=\\"Cats page\\" />
 
       <h1>CatsPage</h1>
+
       <p>
-        Find me in <code>./web/src/pages/CatsPage/CatsPage.js</code>
+        Find me in
+        <code>./web/src/pages/CatsPage/CatsPage.js</code>
       </p>
+
       <p>
-        My default route is named <code>cats</code>, link to me with \`
-        <Link to={routes.cats()}>Cats</Link>\`
+        My default route is named
+        <code>cats</code>, link to me with \`<Link to={routes.cats()}>Cats</Link>
+        \`
       </p>
     </>
   )
@@ -85,13 +97,18 @@ const PostPage = ({ id }) => {
       <MetaTags title=\\"Post\\" description=\\"Post page\\" />
 
       <h1>PostPage</h1>
+
       <p>
-        Find me in <code>./web/src/pages/PostPage/PostPage.js</code>
+        Find me in
+        <code>./web/src/pages/PostPage/PostPage.js</code>
       </p>
+
       <p>
-        My default route is named <code>post</code>, link to me with \`
+        My default route is named
+        <code>post</code>, link to me with \`
         <Link to={routes.post({ id: '42' })}>Post 42</Link>\`
       </p>
+
       <p>The parameter passed to me is {id}</p>
     </>
   )
@@ -223,12 +240,16 @@ const HomePage = () => {
       <MetaTags title=\\"Home\\" description=\\"Home page\\" />
 
       <h1>HomePage</h1>
+
       <p>
-        Find me in <code>./web/src/pages/HomePage/HomePage.js</code>
+        Find me in
+        <code>./web/src/pages/HomePage/HomePage.js</code>
       </p>
+
       <p>
-        My default route is named <code>home</code>, link to me with \`
-        <Link to={routes.home()}>Home</Link>\`
+        My default route is named
+        <code>home</code>, link to me with \`<Link to={routes.home()}>Home</Link>
+        \`
       </p>
     </>
   )
@@ -305,13 +326,18 @@ const PostPage = ({ id }) => {
       <MetaTags title=\\"Post\\" description=\\"Post page\\" />
 
       <h1>PostPage</h1>
+
       <p>
-        Find me in <code>./web/src/pages/PostPage/PostPage.js</code>
+        Find me in
+        <code>./web/src/pages/PostPage/PostPage.js</code>
       </p>
+
       <p>
-        My default route is named <code>post</code>, link to me with \`
+        My default route is named
+        <code>post</code>, link to me with \`
         <Link to={routes.post({ id: '42' })}>Post 42</Link>\`
       </p>
+
       <p>The parameter passed to me is {id}</p>
     </>
   )