From ec5ecd661a3b4c684da2e26efc29b87670715406 Mon Sep 17 00:00:00 2001
From: Dominic Saadi <dominiceliassaadi@gmail.com>
Date: Thu, 21 Jul 2022 15:52:53 +0900
Subject: [PATCH] update cli snapshots

---
 .../__snapshots__/component.test.ts.snap      |  2 +
 .../__snapshots__/layout.test.ts.snap         |  5 ++
 .../__tests__/__snapshots__/page.test.js.snap | 56 ++++++++++++++-----
 .../__snapshots__/scaffold.test.js.snap       | 52 +++++++++++++++++
 .../__snapshots__/scaffoldNoNest.test.js.snap | 51 +++++++++++++++++
 5 files changed, 151 insertions(+), 15 deletions(-)

diff --git a/packages/cli/src/commands/generate/component/__tests__/__snapshots__/component.test.ts.snap b/packages/cli/src/commands/generate/component/__tests__/__snapshots__/component.test.ts.snap
index 0abf59b2408d..16179b307675 100644
--- a/packages/cli/src/commands/generate/component/__tests__/__snapshots__/component.test.ts.snap
+++ b/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>
   )
diff --git a/packages/cli/src/commands/generate/layout/__tests__/__snapshots__/layout.test.ts.snap b/packages/cli/src/commands/generate/layout/__tests__/__snapshots__/layout.test.ts.snap
index d0d3cfb78530..335693857b20 100644
--- a/packages/cli/src/commands/generate/layout/__tests__/__snapshots__/layout.test.ts.snap
+++ b/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>
     </>
   )
diff --git a/packages/cli/src/commands/generate/page/__tests__/__snapshots__/page.test.js.snap b/packages/cli/src/commands/generate/page/__tests__/__snapshots__/page.test.js.snap
index ab6d962f4d7c..57dc1420e51c 100644
--- a/packages/cli/src/commands/generate/page/__tests__/__snapshots__/page.test.js.snap
+++ b/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>
     </>
   )
diff --git a/packages/cli/src/commands/generate/scaffold/__tests__/__snapshots__/scaffold.test.js.snap b/packages/cli/src/commands/generate/scaffold/__tests__/__snapshots__/scaffold.test.js.snap
index 02b7ab729f33..7d5ee9f9952b 100644
--- a/packages/cli/src/commands/generate/scaffold/__tests__/__snapshots__/scaffold.test.js.snap
+++ b/packages/cli/src/commands/generate/scaffold/__tests__/__snapshots__/scaffold.test.js.snap
@@ -292,16 +292,19 @@ const PostsLayout = ({ children }) => {
   return (
     <div className=\\"rw-scaffold\\">
       <Toaster toastOptions={{ className: 'rw-toast', duration: 6000 }} />
+
       <header className=\\"rw-header\\">
         <h1 className=\\"rw-heading rw-heading-primary\\">
           <Link to={routes.posts()} className=\\"rw-link\\">
             Posts
           </Link>
         </h1>
+
         <Link to={routes.newPost()} className=\\"rw-button rw-button-green\\">
           <div className=\\"rw-button-icon\\">+</div> New Post
         </Link>
       </header>
+
       <main className=\\"rw-main\\">{children}</main>
     </div>
   )
@@ -346,6 +349,7 @@ const NewPost = () => {
       <header className=\\"rw-segment-header\\">
         <h2 className=\\"rw-heading rw-heading-secondary\\">New Post</h2>
       </header>
+
       <div className=\\"rw-segment-main\\">
         <PostForm onSave={onSave} loading={loading} error={error} />
       </div>
@@ -396,6 +400,7 @@ const NewUserProfile = () => {
       <header className=\\"rw-segment-header\\">
         <h2 className=\\"rw-heading rw-heading-secondary\\">New UserProfile</h2>
       </header>
+
       <div className=\\"rw-segment-main\\">
         <UserProfileForm onSave={onSave} loading={loading} error={error} />
       </div>
@@ -528,63 +533,78 @@ const Post = ({ post }) => {
             Post {post.id} Detail
           </h2>
         </header>
+
         <table className=\\"rw-table\\">
           <tbody>
             <tr>
               <th>Id</th>
+
               <td>{post.id}</td>
             </tr>
             <tr>
               <th>Title</th>
+
               <td>{post.title}</td>
             </tr>
             <tr>
               <th>Slug</th>
+
               <td>{post.slug}</td>
             </tr>
             <tr>
               <th>Author</th>
+
               <td>{post.author}</td>
             </tr>
             <tr>
               <th>Body</th>
+
               <td>{post.body}</td>
             </tr>
             <tr>
               <th>Image</th>
+
               <td>{post.image}</td>
             </tr>
             <tr>
               <th>Posted at</th>
+
               <td>{timeTag(post.postedAt)}</td>
             </tr>
             <tr>
               <th>Is pinned</th>
+
               <td>{checkboxInputTag(post.isPinned)}</td>
             </tr>
             <tr>
               <th>Read time</th>
+
               <td>{post.readTime}</td>
             </tr>
             <tr>
               <th>Rating</th>
+
               <td>{post.rating}</td>
             </tr>
             <tr>
               <th>Upvotes</th>
+
               <td>{post.upvotes}</td>
             </tr>
             <tr>
               <th>Metadata</th>
+
               <td>{jsonDisplay(post.metadata)}</td>
             </tr>
             <tr>
               <th>Huge number</th>
+
               <td>{post.hugeNumber}</td>
             </tr>
           </tbody>
         </table>
       </div>
+
       <nav className=\\"rw-button-group\\">
         <Link
           to={routes.editPost({ id: post.id })}
@@ -592,6 +612,7 @@ const Post = ({ post }) => {
         >
           Edit
         </Link>
+
         <button
           type=\\"button\\"
           className=\\"rw-button rw-button-red\\"
@@ -1073,6 +1094,7 @@ export const Success = ({ userProfile }) => {
           Edit UserProfile {userProfile.id}
         </h2>
       </header>
+
       <div className=\\"rw-segment-main\\">
         <UserProfileForm
           userProfile={userProfile}
@@ -1118,6 +1140,7 @@ export const Empty = () => {
   return (
     <div className=\\"rw-text-center\\">
       {'No posts yet. '}
+
       <Link to={routes.newPost()} className=\\"rw-link\\">
         {'Create one?'}
       </Link>
@@ -1218,37 +1241,64 @@ const PostsList = ({ posts }) => {
         <thead>
           <tr>
             <th>Id</th>
+
             <th>Title</th>
+
             <th>Slug</th>
+
             <th>Author</th>
+
             <th>Body</th>
+
             <th>Image</th>
+
             <th>Posted at</th>
+
             <th>Is pinned</th>
+
             <th>Read time</th>
+
             <th>Rating</th>
+
             <th>Upvotes</th>
+
             <th>Metadata</th>
+
             <th>Huge number</th>
+
             <th>&nbsp;</th>
           </tr>
         </thead>
+
         <tbody>
           {posts.map((post) => (
             <tr key={post.id}>
               <td>{truncate(post.id)}</td>
+
               <td>{truncate(post.title)}</td>
+
               <td>{truncate(post.slug)}</td>
+
               <td>{truncate(post.author)}</td>
+
               <td>{truncate(post.body)}</td>
+
               <td>{truncate(post.image)}</td>
+
               <td>{timeTag(post.postedAt)}</td>
+
               <td>{checkboxInputTag(post.isPinned)}</td>
+
               <td>{truncate(post.readTime)}</td>
+
               <td>{truncate(post.rating)}</td>
+
               <td>{truncate(post.upvotes)}</td>
+
               <td>{jsonTruncate(post.metadata)}</td>
+
               <td>{truncate(post.hugeNumber)}</td>
+
               <td>
                 <nav className=\\"rw-table-actions\\">
                   <Link
@@ -1258,6 +1308,7 @@ const PostsList = ({ posts }) => {
                   >
                     Show
                   </Link>
+
                   <Link
                     to={routes.editPost({ id: post.id })}
                     title={'Edit post ' + post.id}
@@ -1265,6 +1316,7 @@ const PostsList = ({ posts }) => {
                   >
                     Edit
                   </Link>
+
                   <button
                     type=\\"button\\"
                     title={'Delete post ' + post.id}
diff --git a/packages/cli/src/commands/generate/scaffold/__tests__/__snapshots__/scaffoldNoNest.test.js.snap b/packages/cli/src/commands/generate/scaffold/__tests__/__snapshots__/scaffoldNoNest.test.js.snap
index cf2119334bbe..3cf89e137ffa 100644
--- a/packages/cli/src/commands/generate/scaffold/__tests__/__snapshots__/scaffoldNoNest.test.js.snap
+++ b/packages/cli/src/commands/generate/scaffold/__tests__/__snapshots__/scaffoldNoNest.test.js.snap
@@ -292,16 +292,19 @@ const PostsLayout = ({ children }) => {
   return (
     <div className=\\"rw-scaffold\\">
       <Toaster toastOptions={{ className: 'rw-toast', duration: 6000 }} />
+
       <header className=\\"rw-header\\">
         <h1 className=\\"rw-heading rw-heading-primary\\">
           <Link to={routes.posts()} className=\\"rw-link\\">
             Posts
           </Link>
         </h1>
+
         <Link to={routes.newPost()} className=\\"rw-button rw-button-green\\">
           <div className=\\"rw-button-icon\\">+</div> New Post
         </Link>
       </header>
+
       <main className=\\"rw-main\\">{children}</main>
     </div>
   )
@@ -352,6 +355,7 @@ const NewUserProfile = () => {
       <header className=\\"rw-segment-header\\">
         <h2 className=\\"rw-heading rw-heading-secondary\\">New UserProfile</h2>
       </header>
+
       <div className=\\"rw-segment-main\\">
         <UserProfileForm onSave={onSave} loading={loading} error={error} />
       </div>
@@ -484,63 +488,78 @@ const Post = ({ post }) => {
             Post {post.id} Detail
           </h2>
         </header>
+
         <table className=\\"rw-table\\">
           <tbody>
             <tr>
               <th>Id</th>
+
               <td>{post.id}</td>
             </tr>
             <tr>
               <th>Title</th>
+
               <td>{post.title}</td>
             </tr>
             <tr>
               <th>Slug</th>
+
               <td>{post.slug}</td>
             </tr>
             <tr>
               <th>Author</th>
+
               <td>{post.author}</td>
             </tr>
             <tr>
               <th>Body</th>
+
               <td>{post.body}</td>
             </tr>
             <tr>
               <th>Image</th>
+
               <td>{post.image}</td>
             </tr>
             <tr>
               <th>Posted at</th>
+
               <td>{timeTag(post.postedAt)}</td>
             </tr>
             <tr>
               <th>Is pinned</th>
+
               <td>{checkboxInputTag(post.isPinned)}</td>
             </tr>
             <tr>
               <th>Read time</th>
+
               <td>{post.readTime}</td>
             </tr>
             <tr>
               <th>Rating</th>
+
               <td>{post.rating}</td>
             </tr>
             <tr>
               <th>Upvotes</th>
+
               <td>{post.upvotes}</td>
             </tr>
             <tr>
               <th>Metadata</th>
+
               <td>{jsonDisplay(post.metadata)}</td>
             </tr>
             <tr>
               <th>Huge number</th>
+
               <td>{post.hugeNumber}</td>
             </tr>
           </tbody>
         </table>
       </div>
+
       <nav className=\\"rw-button-group\\">
         <Link
           to={routes.editPost({ id: post.id })}
@@ -548,6 +567,7 @@ const Post = ({ post }) => {
         >
           Edit
         </Link>
+
         <button
           type=\\"button\\"
           className=\\"rw-button rw-button-red\\"
@@ -1029,6 +1049,7 @@ export const Success = ({ userProfile }) => {
           Edit UserProfile {userProfile.id}
         </h2>
       </header>
+
       <div className=\\"rw-segment-main\\">
         <UserProfileForm
           userProfile={userProfile}
@@ -1074,6 +1095,7 @@ export const Empty = () => {
   return (
     <div className=\\"rw-text-center\\">
       {'No posts yet. '}
+
       <Link to={routes.newPost()} className=\\"rw-link\\">
         {'Create one?'}
       </Link>
@@ -1174,37 +1196,64 @@ const PostsList = ({ posts }) => {
         <thead>
           <tr>
             <th>Id</th>
+
             <th>Title</th>
+
             <th>Slug</th>
+
             <th>Author</th>
+
             <th>Body</th>
+
             <th>Image</th>
+
             <th>Posted at</th>
+
             <th>Is pinned</th>
+
             <th>Read time</th>
+
             <th>Rating</th>
+
             <th>Upvotes</th>
+
             <th>Metadata</th>
+
             <th>Huge number</th>
+
             <th>&nbsp;</th>
           </tr>
         </thead>
+
         <tbody>
           {posts.map((post) => (
             <tr key={post.id}>
               <td>{truncate(post.id)}</td>
+
               <td>{truncate(post.title)}</td>
+
               <td>{truncate(post.slug)}</td>
+
               <td>{truncate(post.author)}</td>
+
               <td>{truncate(post.body)}</td>
+
               <td>{truncate(post.image)}</td>
+
               <td>{timeTag(post.postedAt)}</td>
+
               <td>{checkboxInputTag(post.isPinned)}</td>
+
               <td>{truncate(post.readTime)}</td>
+
               <td>{truncate(post.rating)}</td>
+
               <td>{truncate(post.upvotes)}</td>
+
               <td>{jsonTruncate(post.metadata)}</td>
+
               <td>{truncate(post.hugeNumber)}</td>
+
               <td>
                 <nav className=\\"rw-table-actions\\">
                   <Link
@@ -1214,6 +1263,7 @@ const PostsList = ({ posts }) => {
                   >
                     Show
                   </Link>
+
                   <Link
                     to={routes.editPost({ id: post.id })}
                     title={'Edit post ' + post.id}
@@ -1221,6 +1271,7 @@ const PostsList = ({ posts }) => {
                   >
                     Edit
                   </Link>
+
                   <button
                     type=\\"button\\"
                     title={'Delete post ' + post.id}