⬆️ Bump next from 9.4.4 to 9.5.0 (#235)

* ⬆️ Bump next from 9.4.4 to 9.5.0 Bumps [next](https://github.com/vercel/next.js) from 9.4.4 to 9.5.0. - [Release notes](https://github.com/vercel/next.js/releases) - [Commits](vercel/next.js@v9.4.4...v9.5.0) Signed-off-by: dependabot-preview[bot] <[email protected]> * ✅ Mock next/Link Related with vercel/next.js#15543 * 🚚 Move index/index.js to index.js This is related with vercel/next.js#13699 * ✅ Improve Layout coverage Co-authored-by: dependabot-preview[bot] <27856297+dependabot-preview[bot]@users.noreply.github.com> Co-authored-by: Carlos Cuesta <[email protected]>
carloscuesta · Jul 28, 2020 · 8e003ef · 8e003ef · vercel · Jul 28, 2020
1 parent 6ba4648
commit 8e003ef
Show file tree

Hide file tree

Showing 13 changed files with 328 additions and 371 deletions.
diff --git a/package.json b/package.json
@@ -35,7 +35,7 @@
     "gray-matter": "^4.0.2",
     "lazysizes": "^5.2.2",
     "lodash.groupby": "^4.6.0",
-    "next": "^9.4.4",
+    "next": "^9.5.0",
     "next-seo": "^4.7.3",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",

diff --git a/src/__tests__/404/404.spec.js b/src/__tests__/404/404.spec.js
@@ -2,6 +2,8 @@ import renderer from 'react-test-renderer'
 
 import Error404 from 'src/pages/404'
 
+jest.mock('next/link', () => 'a')
+
 /*
   I'm mocking the components since those are unit tested.
   So there's no point to test the rendering of them twice.

diff --git a/src/__tests__/404/__snapshots__/404.spec.js.snap b/src/__tests__/404/__snapshots__/404.spec.js.snap
@@ -28,19 +28,19 @@ exports[`404 page should match Error 404 page 1`] = `
           <li>
             <a
               href="/"
-              onClick={[Function]}
-              onMouseEnter={[Function]}
             >
-              Home
+              <a>
+                Home
+              </a>
             </a>
           </li>
           <li>
             <a
               href="/blog"
-              onClick={[Function]}
-              onMouseEnter={[Function]}
             >
-              Writings
+              <a>
+                Writings
+              </a>
             </a>
           </li>
           <li>

diff --git a/src/components/pages/about/WhoAmI/__tests__/__snapshots__/whoAmI.spec.js.snap b/src/components/pages/about/WhoAmI/__tests__/__snapshots__/whoAmI.spec.js.snap
@@ -45,12 +45,12 @@ exports[`WhoAmI should match WhoAmI component 1`] = `
          
         <a
           href="/blog"
-          onClick={[Function]}
-          onMouseEnter={[Function]}
         >
-          <b>
-            blog
-          </b>
+          <a>
+            <b>
+              blog
+            </b>
+          </a>
         </a>
         .
       </p>

diff --git a/src/components/pages/about/WhoAmI/__tests__/whoAmI.spec.js b/src/components/pages/about/WhoAmI/__tests__/whoAmI.spec.js
@@ -2,6 +2,8 @@ import renderer from 'react-test-renderer'
 
 import WhoAmI from '../index'
 
+jest.mock('next/link', () => 'a')
+
 describe('WhoAmI', () => {
   it('should match WhoAmI component', () => {
     const wrapper = renderer.create(<WhoAmI />)

diff --git a/src/components/pages/index/Writings/__tests__/__snapshots__/writings.spec.js.snap b/src/components/pages/index/Writings/__tests__/__snapshots__/writings.spec.js.snap
@@ -22,84 +22,88 @@ exports[`Writings should match Writings component 1`] = `
         className="col-xs-12 col-sm-6 col-md-4 postContainer"
       >
         <a
-          className="post"
-          href="/blog/post-slug"
-          onClick={[Function]}
-          onMouseEnter={[Function]}
-          title="Post Title"
+          as="/blog/post-slug"
+          href="/blog/[slug]"
         >
-          <article>
-            <img
-              alt="Post Title"
-              className="lazyload postImage"
-              data-src="https://res.cloudinary.com/carloscuesta/image/upload/w_500/v1454754838/kcuq34zbo1yieygmx0y6.png"
-              src="https://res.cloudinary.com/carloscuesta/image/upload/t_lqpi-post-preview/v1454754838/kcuq34zbo1yieygmx0y6.png"
-            />
-            <div
-              className="postContent"
-            >
-              <header>
-                <h5
-                  className="postTitle"
-                >
-                  Post Title
-                </h5>
-              </header>
-              <time
-                className="postPublishedAt"
-                dateTime="2019-12-15 10:00"
-              >
-                A year ago
-              </time>
-              <p
-                className="postExcerpt"
+          <a
+            className="post"
+            title="Post Title"
+          >
+            <article>
+              <img
+                alt="Post Title"
+                className="lazyload postImage"
+                data-src="https://res.cloudinary.com/carloscuesta/image/upload/w_500/v1454754838/kcuq34zbo1yieygmx0y6.png"
+                src="https://res.cloudinary.com/carloscuesta/image/upload/t_lqpi-post-preview/v1454754838/kcuq34zbo1yieygmx0y6.png"
+              />
+              <div
+                className="postContent"
               >
-                This is the post excerpt that will be shown.
-              </p>
-            </div>
-          </article>
+                <header>
+                  <h5
+                    className="postTitle"
+                  >
+                    Post Title
+                  </h5>
+                </header>
+                <time
+                  className="postPublishedAt"
+                  dateTime="2019-12-15 10:00"
+                >
+                  A year ago
+                </time>
+                <p
+                  className="postExcerpt"
+                >
+                  This is the post excerpt that will be shown.
+                </p>
+              </div>
+            </article>
+          </a>
         </a>
       </div>
       <div
         className="col-xs-12 col-sm-6 col-md-4 postContainer"
       >
         <a
-          className="post"
-          href="/blog/post-blog-slug"
-          onClick={[Function]}
-          onMouseEnter={[Function]}
-          title="A post"
+          as="/blog/post-blog-slug"
+          href="/blog/[slug]"
         >
-          <article>
-            <img
-              alt="A post"
-              className="lazyload postImage"
-              data-src="https://res.cloudinary.com/carloscuesta/image/upload/w_500/v1454754838/kcuq34zbo1yieygmx0y6.png"
-              src="https://res.cloudinary.com/carloscuesta/image/upload/t_lqpi-post-preview/v1454754838/kcuq34zbo1yieygmx0y6.png"
-            />
-            <div
-              className="postContent"
-            >
-              <header>
-                <h5
-                  className="postTitle"
-                >
-                  A post
-                </h5>
-              </header>
-              <time
-                className="postPublishedAt"
-                dateTime="2019-12-17 10:00"
-              >
-                A year ago
-              </time>
-              <p
-                className="postExcerpt"
+          <a
+            className="post"
+            title="A post"
+          >
+            <article>
+              <img
+                alt="A post"
+                className="lazyload postImage"
+                data-src="https://res.cloudinary.com/carloscuesta/image/upload/w_500/v1454754838/kcuq34zbo1yieygmx0y6.png"
+                src="https://res.cloudinary.com/carloscuesta/image/upload/t_lqpi-post-preview/v1454754838/kcuq34zbo1yieygmx0y6.png"
+              />
+              <div
+                className="postContent"
               >
-                This is the post excerpt that will be shown.
-              </p>
-            </div>
-          </article>
+                <header>
+                  <h5
+                    className="postTitle"
+                  >
+                    A post
+                  </h5>
+                </header>
+                <time
+                  className="postPublishedAt"
+                  dateTime="2019-12-17 10:00"
+                >
+                  A year ago
+                </time>
+                <p
+                  className="postExcerpt"
+                >
+                  This is the post excerpt that will be shown.
+                </p>
+              </div>
+            </article>
+          </a>
         </a>
       </div>
     </div>

diff --git a/src/components/pages/index/Writings/__tests__/writings.spec.js b/src/components/pages/index/Writings/__tests__/writings.spec.js
@@ -3,6 +3,8 @@ import renderer from 'react-test-renderer'
 import Writings from '../index'
 import * as stubs from './stubs'
 
+jest.mock('next/link', () => 'a')
+
 describe('Writings', () => {
   it('should match Writings component', () => {
     const wrapper = renderer.create(<Writings {...stubs.props} />)

diff --git a/src/components/shared/BlogPost/__tests__/__snapshots__/blogPost.spec.js.snap b/src/components/shared/BlogPost/__tests__/__snapshots__/blogPost.spec.js.snap
@@ -5,42 +5,44 @@ exports[`BlogPost should match BlogPost component 1`] = `
   className="col-xs-12 col-sm-6 col-md-4 postContainer"
 >
   <a
-    className="post"
-    href="/blog/post-slug"
-    onClick={[Function]}
-    onMouseEnter={[Function]}
-    title="Post Title"
+    as="/blog/post-slug"
+    href="/blog/[slug]"
   >
-    <article>
-      <img
-        alt="Post Title"
-        className="lazyload postImage"
-        data-src="https://res.cloudinary.com/carloscuesta/image/upload/w_500/v1454754838/kcuq34zbo1yieygmx0y6.png"
-        src="https://res.cloudinary.com/carloscuesta/image/upload/t_lqpi-post-preview/v1454754838/kcuq34zbo1yieygmx0y6.png"
-      />
-      <div
-        className="postContent"
-      >
-        <header>
-          <h5
-            className="postTitle"
-          >
-            Post Title
-          </h5>
-        </header>
-        <time
-          className="postPublishedAt"
-          dateTime="2019-12-15 10:00"
-        >
-          A year ago
-        </time>
-        <p
-          className="postExcerpt"
+    <a
+      className="post"
+      title="Post Title"
+    >
+      <article>
+        <img
+          alt="Post Title"
+          className="lazyload postImage"
+          data-src="https://res.cloudinary.com/carloscuesta/image/upload/w_500/v1454754838/kcuq34zbo1yieygmx0y6.png"
+          src="https://res.cloudinary.com/carloscuesta/image/upload/t_lqpi-post-preview/v1454754838/kcuq34zbo1yieygmx0y6.png"
+        />
+        <div
+          className="postContent"
         >
-          This is the post excerpt that will be shown.
-        </p>
-      </div>
-    </article>
+          <header>
+            <h5
+              className="postTitle"
+            >
+              Post Title
+            </h5>
+          </header>
+          <time
+            className="postPublishedAt"
+            dateTime="2019-12-15 10:00"
+          >
+            A year ago
+          </time>
+          <p
+            className="postExcerpt"
+          >
+            This is the post excerpt that will be shown.
+          </p>
+        </div>
+      </article>
+    </a>
   </a>
 </div>
 `;
diff --git a/src/components/shared/BlogPost/__tests__/blogPost.spec.js b/src/components/shared/BlogPost/__tests__/blogPost.spec.js
@@ -3,6 +3,8 @@ import renderer from 'react-test-renderer'
 import BlogPost from '../index'
 import * as stubs from './stubs'
 
+jest.mock('next/link', () => 'a')
+
 describe('BlogPost', () => {
   it('should match BlogPost component', () => {
     const wrapper = renderer.create(<BlogPost {...stubs.props} />)

diff --git a/src/components/shared/Layout/__tests__/__snapshots__/layout.spec.js.snap b/src/components/shared/Layout/__tests__/__snapshots__/layout.spec.js.snap
@@ -15,35 +15,38 @@ Array [
           className="logo"
         >
           <a
-            className="link false"
             href="/"
-            onClick={[Function]}
-            onMouseEnter={[Function]}
           >
-            Carlos Cuesta
+            <a
+              className="link false"
+            >
+              Carlos Cuesta
+            </a>
           </a>
         </strong>
         <ul
           className="links"
         >
           <li>
             <a
-              className="link false"
               href="/blog"
-              onClick={[Function]}
-              onMouseEnter={[Function]}
             >
-              Blog
+              <a
+                className="link false"
+              >
+                Blog
+              </a>
             </a>
           </li>
           <li>
             <a
-              className="link false"
               href="/about"
-              onClick={[Function]}
-              onMouseEnter={[Function]}
             >
-              About
+              <a
+                className="link false"
+              >
+                About
+              </a>
             </a>
           </li>
           <li>
@@ -109,10 +112,10 @@ Array [
           <li>
             <a
               href="/blog"
-              onClick={[Function]}
-              onMouseEnter={[Function]}
             >
-              Blog
+              <a>
+                Blog
+              </a>
             </a>
           </li>
           <li>
-Original file line number
+Diff line change
@@ Expand Up / @@ -45,12 +45,12 @@ exports[`WhoAmI should match WhoAmI component 1`] = ` @@
             <a
               href="/blog"
-              onClick={[Function]}
-              onMouseEnter={[Function]}
             >
-              <b>
-                blog
-              </b>
+              <a>
+                <b>
+                  blog
+                </b>
+              </a>
             </a>
             .
           </p>
@@ Expand Down @@