Ivy/new

.eslintrc.json

@@ -3,7 +3,8 @@
   "env": {
     "node": true,
     "browser": true,
-    "es2021": true
+    "es2021": true,
+    "jest": true
   },
   "plugins": ["import", "react", "jsx-a11y", "css-modules"],
   "extends": [
@@ -39,4 +40,4 @@
       }
     }
   }
-}
+}

.gitignore

@@ -10,4 +10,7 @@ package-lock.json
 npm-debug.log*
 
 # output from webpack
-dist/
+dist/
+
+#environment file
+.env

__tests__/routes.js

@@ -0,0 +1,324 @@
+const request = require('supertest');
+const mongoose = require('mongoose');
+const Users = require('../server/models/userModel');
+const Snippets = require('../server/models/snippetModel');
+
+require('dotenv').config();
+
+const server = 'http://localhost:3000';
+const mongoURI = process.env.MONGO_URI;
+
+describe('Snippets route', () => {
+  let user;
+  let snippet_id;
+  const username = '__DummyData__';
+  const password = 'codesmith';
+  const snippet = {
+    title: 'FAKE DATA',
+    comments: 'FUN COMMENTS!',
+    storedCode: 'cry()',
+    tags: ['1', '2', '3'],
+    language: 'Klingon',
+  };
+  const newSnippet = {
+    title: 'NEW FAKE DATA',
+    comments: 'MORE FUN COMMENTS!',
+    storedCode: 'cryAgain()',
+    tags: ['4', '5', '6'],
+    language: 'Huttese',
+  };
+  describe('GET', () => {
+    //before all GET test:
+    beforeAll(async () => {
+      console.log('Connecting to the database!');
+      await mongoose.connect(mongoURI);
+
+      console.log('Creating dummy data!');
+      user = await Users.create({ username, password });
+
+      const fakeSnippet = await Snippets.create(snippet);
+      snippet_id = fakeSnippet._id;
+      user.snippets.push(fakeSnippet._id);
+
+      return user.save();
+    });
+
+    afterAll(async () => {
+      console.log('Deleting dummy data!');
+      await Users.findByIdAndDelete(user._id);
+      await Snippets.findByIdAndDelete(snippet_id);
+
+      console.log('Disconnecting from the database!');
+      return await mongoose.connection.close();
+    });
+    it('responds with 200 status and json', () => {
+      return request(server)
+        .get(`/snippets/?userId=${user._id}`)
+        .expect(200)
+        .expect('Content-Type', 'application/json; charset=utf-8');
+    });
+    it('responds with data that has keys: title, comments, storedCode, language', () => {
+      return request(server)
+        .get(`/snippets/?userId=${user._id}`)
+        .expect((res) => {
+          if (!res.body[0].hasOwnProperty('title')) {
+            throw new Error("Expected 'title' key!");
+          }
+          if (!res.body[0].hasOwnProperty('comments')) {
+            throw new Error("Expected 'comments' key!");
+          }
+          if (!res.body[0].hasOwnProperty('language')) {
+            throw new Error("Expected 'language' key!");
+          }
+          if (!res.body[0].hasOwnProperty('storedCode')) {
+            throw new Error("Expected 'storedCode' key!");
+          }
+        });
+    });
+    it('responds with data that has key, tags, and value of an array', () => {
+      return request(server)
+        .get(`/snippets/?userId=${user._id}`)
+        .expect((res) => {
+          if (!res.body[0].hasOwnProperty('tags')) {
+            throw new Error("Expected 'tags' key!");
+          }
+          if (!Array.isArray(res.body[0].tags)) {
+            throw new Error("Expected 'tags' to be an array!");
+          }
+        });
+    });
+  });
+  describe('POST', () => {
+    beforeAll(async () => {
+      console.log('Connecting to the database!');
+      await mongoose.connect(mongoURI);
+
+      console.log('Creating dummy data!');
+      user = await Users.create({ username, password });
+
+      return user.save();
+    });
+    afterAll(async () => {
+      console.log('Deleting dummy data!');
+
+      await Users.findByIdAndDelete(user._id);
+
+      console.log('Disconnecting from the database!');
+      return await mongoose.connection.close();
+    });
+    afterEach(async () => {
+      user = await Users.findById(user._id);
+      snippet_id = user.snippets.pop();
+      await user.save();
+      return await Snippets.findByIdAndDelete(snippet_id);
+    });
+    it('responds with 200 status and json', () => {
+      return request(server)
+        .post(`/snippets/?userId=${user._id}`)
+        .send(snippet)
+        .expect(200)
+        .expect('Content-Type', 'application/json; charset=utf-8');
+    });
+    it('responds with the newly created document', () => {
+      return request(server)
+        .post(`/snippets/?userId=${user._id}`)
+        .send(snippet)
+        .expect((res) => {
+          expect(res.body.title).toBe(snippet.title);
+          expect(res.body.comments).toBe(snippet.comments);
+          expect(res.body.storedCode).toBe(snippet.storedCode);
+          expect(res.body.language).toBe(snippet.language);
+          expect(res.body.tags).toEqual(snippet.tags);
+        });
+    });
+    it("pushes newly created document to user's snippets array", () => {
+      return request(server)
+        .post(`/snippets/?userId=${user._id}`)
+        .send(snippet)
+        .expect(async (res) => {
+          user = await Users.findById(user._id);
+          expect(user.snippets.length).toEqual(1);
+        });
+    });
+  });
+  describe('PUT', () => {
+    beforeAll(async () => {
+      console.log('Connecting to the database!');
+      await mongoose.connect(mongoURI);
+
+      console.log('Creating dummy data!');
+      user = await Users.create({ username, password });
+
+      const fakeSnippet = await Snippets.create(snippet);
+      snippet_id = fakeSnippet._id;
+
+      return;
+    });
+    afterEach(async () => {
+      return await Snippets.findByIdAndUpdate(snippet_id, snippet);
+    });
+    afterAll(async () => {
+      console.log('Deleting dummy data!');
+      await Snippets.findByIdAndDelete(snippet_id);
+      await Users.findByIdAndDelete(user._id);
+
+      console.log('Disconnecting from the database!');
+      return await mongoose.connection.close();
+    });
+    it('responds with 200 status and json', () => {
+      return request(server)
+        .put(`/snippets/?snippetId=${snippet_id}&userId=${user._id}`)
+        .send(newSnippet)
+        .expect(200)
+        .expect('Content-Type', 'application/json; charset=utf-8');
+    });
+    it('responds with unupdated document', () => {
+      return request(server)
+        .put(`/snippets/?snippetId=${snippet_id}&userId=${user._id}`)
+        .send(newSnippet)
+        .expect((res) => {
+          console.log(res.body);
+          expect(res.body.snippet.title).toEqual(snippet.title);
+          expect(res.body.snippet.comments).toEqual(snippet.comments);
+          expect(res.body.snippet.language).toEqual(snippet.language);
+        });
+    });
+  });
+  describe('DELETE', () => {
+    beforeAll(async () => {
+      console.log('Connecting to the database!');
+      await mongoose.connect(mongoURI);
+
+      console.log('Creating dummy data!');
+      return (user = await Users.create({ username, password }));
+    });
+    beforeEach(async () => {
+      const fakeSnippet = await Snippets.create(snippet);
+      snippet_id = fakeSnippet._id;
+      user.snippets.push(fakeSnippet._id);
+      return user.save();
+    });
+    afterAll(async () => {
+      console.log('Deleting dummy data!');
+      await Users.findByIdAndDelete(user._id);
+
+      console.log('Disconnecting from the database!');
+      return await mongoose.connection.close();
+    });
+    it('responds with 200 status and json', () => {
+      return request(server)
+        .delete(`/snippets/?userId=${user._id}&snippetId=${snippet_id}`)
+        .expect(200)
+        .expect('Content-Type', 'application/json; charset=utf-8');
+    });
+    it('responds with the deleted document', () => {
+      return request(server)
+        .delete(`/snippets/?userId=${user._id}&snippetId=${snippet_id}`)
+        .expect((res) => {
+          expect(res.body.snippet.title).toBe(snippet.title);
+          expect(res.body.snippet.comments).toBe(snippet.comments);
+          expect(res.body.snippet.storedCode).toBe(snippet.storedCode);
+          expect(res.body.snippet.language).toBe(snippet.language);
+          expect(res.body.snippet.tags).toEqual(snippet.tags);
+        });
+    });
+    it("removes delete document from user's snippets array", () => {
+      return request(server)
+        .delete(`/snippets/?userId=${user._id}&snippetId=${snippet_id}`)
+        .expect(async () => {
+          user = await Users.findById(user._id);
+          expect(user.snippets.length).toEqual(0);
+        });
+    });
+  });
+});
+
+describe('Authentication route', () => {
+  let user;
+  const username = '__DummyData__';
+  const password = 'codesmith';
+  const languages = ['klingon'];
+  const tags = ['1', '2', '3'];
+  describe('GET', () => {
+    beforeAll(async () => {
+      console.log('Connecting to the database!');
+      await mongoose.connect(mongoURI);
+
+      console.log('Creating dummy data!');
+      return (user = await Users.create({
+        username,
+        password,
+        languages,
+        tags,
+      }));
+    });
+    afterAll(async () => {
+      console.log('Deleting dummy data!');
+      await Users.findByIdAndDelete(user._id);
+
+      console.log('Disconnecting from database!');
+      return await mongoose.connection.close();
+    });
+    it('responds with 200 status and json', () => {
+      return request(server)
+        .get(`/authentication/?_id=${user._id}`)
+        .expect(200)
+        .expect('Content-Type', 'application/json; charset=utf-8');
+    });
+    it('responds with the correct user data', () => {
+      return request(server)
+        .get(`/authentication/?_id=${user._id}`)
+        .expect((res) => {
+          expect(res.body.username).toEqual(username);
+          expect(res.body.languages[0]).toBe(languages[0]);
+          expect(res.body.tags[0]).toBe(tags[0]);
+        });
+    });
+  });
+  describe('POST', () => {
+    beforeAll(async () => {
+      console.log('Connecting to the database!');
+      return await mongoose.connect(mongoURI);
+    });
+    afterEach(async () => {
+      console.log('Deleting dummy data!');
+      return await Users.findByIdAndDelete(user._id);
+    });
+    afterAll(async () => {
+      console.log('Disconnecting from database!');
+      return await mongoose.connection.close();
+    });
+    it('responds with 200 status and json', () => {
+      return request(server)
+        .post('/authentication/signup')
+        .send({ username, password })
+        .expect(201)
+        .expect('Content-Type', 'application/json; charset=utf-8')
+        .expect((res) => {
+          user = res.body;
+        });
+    });
+    it('responds with newly created user document', () => {
+      return request(server)
+        .post('/authentication/signup')
+        .send({ username, password })
+        .expect((res) => {
+          user = res.body;
+          expect(res.body.username).toEqual(username);
+        });
+    });
+  });
+});
+
+describe('Error handling', () => {
+  describe('Invalid route', () => {
+    it('it returns a 404 status and error message', () => {
+      return request(server)
+        .get('/lorem_ipsum')
+        .expect(404)
+        .expect((res) => {
+          expect(res.text).toEqual('Invalid endpoint');
+        });
+    });
+  });
+});

client/App.jsx

@@ -1,10 +1,13 @@
 import React from 'react';
+
+//  importing child components
 import MainContainer from './src/containers/MainContainer/MainContainer.jsx';
 
 const App = () => (
-  <div id="app">
+  <div id='app'>
+    <h1 id='headerTitle'>CODESNIPPET</h1>
     <MainContainer />
   </div>
 );
 
-export default App;
+export default App;