unit and e2e tests

.babelrc

@@ -0,0 +1,4 @@
+{
+  "presets": ["next/babel"],
+  "plugins": []
+}

.gitignore

@@ -6,3 +6,7 @@ out
 public/sw.js
 public/workbox-*
 .env
+coverage
+.DS_Store
+cypress/screenshots
+cypress/videos

components/__snapshots__/a.test.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`A should have children. 1`] = `
+<DocumentFragment>
+  <a
+    class=""
+    rel="noopener noreferrer"
+    target="_blank"
+  >
+    &lt;span&gt;Test Message&lt;/span&gt;
+  </a>
+</DocumentFragment>
+`;

components/__snapshots__/layout.test.js.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Layout should have children. 1`] = `
+<DocumentFragment>
+  <div
+    class=""
+  >
+    &lt;span&gt;Test Message&lt;/span&gt;
+  </div>
+</DocumentFragment>
+`;

components/__snapshots__/message.test.js.snap

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Message should render correctly. 1`] = `
+<DocumentFragment>
+  <div
+    class=""
+  >
+    <a
+      class=""
+      href="https://airtable.com/shrWh78cmXzVHcgwV"
+      rel="noopener noreferrer"
+      target="_blank"
+    >
+      Kafa açacağını düşündüğün faydalı içerikleri sen de ekleyebilirsin → 
+    </a>
+  </div>
+</DocumentFragment>
+`;

components/__snapshots__/nav.test.js.snap

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Nav should have children. 1`] = `
+<DocumentFragment>
+  <div
+    class=""
+    data-testid="nav"
+  >
+    <a
+      href="/tag/tasarim"
+    >
+      Tasarım
+    </a>
+    <a
+      href="/tag/frontend"
+    >
+      Frontend
+    </a>
+    <a
+      href="/tag/yazilim"
+    >
+      Yazılım
+    </a>
+    <a
+      href="/tag/turkce-kaynak"
+    >
+      Türkçe Kaynak
+    </a>
+    <a
+      href="/tag/video"
+    >
+      Video
+    </a>
+    <a
+      href="/tag/podcast"
+    >
+      Podcast
+    </a>
+    <a
+      href="/tag/yazi"
+    >
+      Blog Yazısı
+    </a>
+    <a
+      href="/tag/arac"
+    >
+      Araç
+    </a>
+    <a
+      href="/tag/etkinlik"
+    >
+      Etkinlik
+    </a>
+    <a
+      href="/tag/tweet"
+    >
+      Tweet
+    </a>
+    <a
+      href="/tag/alinti"
+    >
+      Alıntı
+    </a>
+    <a
+      class=""
+      href="https://www.patreon.com/ademilter"
+      rel="noopener noreferrer"
+      target="_blank"
+    >
+      Destek Ol
+    </a>
+  </div>
+</DocumentFragment>
+`;

components/__snapshots__/news-card.test.js.snap

@@ -0,0 +1,165 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NewsCard should render correctly with "Alıntı" tag. 1`] = `
+<DocumentFragment>
+  <article
+    class=""
+    data-testid="article-370706f5-2c62-482c-bc5f-58bf441c3d01"
+  >
+    <h2>
+      <a
+        class=""
+        href="http://alysha.com"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        Unde sed at. Sed et velit consequatur sed.
+      </a>
+    </h2>
+    <footer>
+      <a
+        aria-hidden="true"
+        class=""
+        href="http://alysha.com"
+        rel="noopener noreferrer"
+        tabindex="-1"
+        target="_blank"
+      >
+        11 months ago
+      </a>
+      , 
+      <a
+        class=""
+        href="https://twitter.com/Blaise_Streich"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        Blaise_Streich
+      </a>
+      , 
+      <a
+        href="/tag/yazilim"
+      >
+        Yazılım
+      </a>
+      , 
+      <a
+        href="/tag/turkce-kaynak"
+      >
+        Türkçe Kaynak
+      </a>
+      , 
+      <a
+        href="/tag/alinti"
+      >
+        Alıntı
+      </a>
+      , 
+      <a
+        href="/tag/yazi"
+      >
+        Blog Yazısı
+      </a>
+      , 
+      <a
+        href="/tag/podcast"
+      >
+        Podcast
+      </a>
+    </footer>
+  </article>
+</DocumentFragment>
+`;
+
+exports[`NewsCard should render correctly. 1`] = `
+<DocumentFragment>
+  <article
+    class=""
+    data-testid="article-c51305b1-f1de-460a-b265-922b2e2f4d8e"
+  >
+    <figure>
+      <a
+        aria-hidden="true"
+        class=""
+        href="https://chadd.net"
+        rel="noopener noreferrer"
+        tabindex="-1"
+        target="_blank"
+      >
+        <picture>
+          <source
+            srcset="https://via.placeholder.com/913x512"
+          />
+          <img
+            alt="Doloremque animi officia."
+            loading="lazy"
+            src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVQYV2P4DwABAQEAWk1v8QAAAABJRU5ErkJggg=="
+          />
+        </picture>
+      </a>
+    </figure>
+    <div>
+      <header>
+        <h2>
+          <a
+            class=""
+            href="https://chadd.net"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            Doloremque animi officia.
+          </a>
+        </h2>
+        <p>
+          Eum facere ut expedita repudiandae iure labore laborum rerum. Dolorum autem ipsum similique iure error doloremque est. Hic voluptates assumenda nisi fugit dicta in.
+        </p>
+      </header>
+      <footer>
+        <a
+          aria-hidden="true"
+          class=""
+          href="https://chadd.net"
+          rel="noopener noreferrer"
+          tabindex="-1"
+          target="_blank"
+        >
+          4 months ago
+        </a>
+        , 
+        <a
+          class=""
+          href="https://twitter.com/Elliott9"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          Elliott9
+        </a>
+        , 
+        <a
+          href="/tag/frontend"
+        >
+          Frontend
+        </a>
+        , 
+        <a
+          href="/tag/turkce-kaynak"
+        >
+          Türkçe Kaynak
+        </a>
+        , 
+        <a
+          href="/tag/podcast"
+        >
+          Podcast
+        </a>
+        , 
+        <a
+          href="/tag/etkinlik"
+        >
+          Etkinlik
+        </a>
+      </footer>
+    </div>
+  </article>
+</DocumentFragment>
+`;