From 0d2ce5c6cbe6650f83a27358fcfe59269c3f4c75 Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Tue, 12 May 2020 23:44:50 +0200
Subject: [PATCH] specification test

---
 src/App.tsx                              |  4 ++--
 src/components/NavBar.tsx                |  2 +-
 src/components/__tests__/NavBar.test.tsx | 28 ++++++++++++++++++++++++
 3 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 src/components/__tests__/NavBar.test.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 82d9ffa..86fd002 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,10 +1,10 @@
-import React from 'react';
+import React, {FC} from 'react';
 import {BrowserRouter} from 'react-router-dom';
 import NavBar from './components/NavBar';
 import Router from './router/Router';
 
 /** Main App container */
-const App = () => {
+const App: FC = () => {
   return (
     <BrowserRouter>
       <NavBar />
diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index a88a8f8..0032ff5 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -5,7 +5,7 @@ import {faCode} from '@fortawesome/free-solid-svg-icons';
 /**
  * Main Navbar serves navigation routes.
  */
-const NavBar: FC = () => (
+const NavBar = () => (
   <nav className="navbar bg-dark">
     <h1>
       <a href="dashboard.html">
diff --git a/src/components/__tests__/NavBar.test.tsx b/src/components/__tests__/NavBar.test.tsx
new file mode 100644
index 0000000..158715d
--- /dev/null
+++ b/src/components/__tests__/NavBar.test.tsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import NavBar from '../NavBar';
+import {render} from '@testing-library/react';
+
+describe('Navbar displays', () => {
+  describe('when user is not authenticated', () => {
+    test('landing page link', () => {
+      const {getByText} = render(<NavBar />);
+      const link = getByText('DevBook');
+      expect(link).toBeInTheDocument();
+    });
+    test('developers link', () => {
+      const {getByText} = render(<NavBar />);
+      const link = getByText('Developers');
+      expect(link).toBeInTheDocument();
+    });
+    test('register link', () => {
+      const {getByText} = render(<NavBar />);
+      const link = getByText('Register');
+      expect(link).toBeInTheDocument();
+    });
+    test('login page link', () => {
+      const {getByText} = render(<NavBar />);
+      const link = getByText('Login');
+      expect(link).toBeInTheDocument();
+    });
+  });
+});