Testing

.babelrc

@@ -0,0 +1,3 @@
+{
+    "presets": ["@babel/preset-env", "@babel/preset-react"]
+}

.gitignore

@@ -0,0 +1,3 @@
+node_modules
+package-lock.json
+.DS_STORE

React.test.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { configure, shallow } from 'enzyme';
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+import toJson from 'enzyme-to-json';
+
+// ConnectedAccess refers to the default export from the file, the destructuring is used to separately
+// import the dumb component named Access which is not connected to mapStateToProps or mapDispatchToProps.
+// In order to test the DUMB component, had to also specifically export it (see line 34 of Access.jsx)
+import ConnectedAccess, { Access } from './client/components/Access.jsx';
+import configureStore from 'redux-mock-store';
+
+// Newer Enzyme versions require an adapter to a particular version of React
+configure({ adapter: new Adapter() });
+
+
+describe('React unit tests', () => {
+
+  let wrapper;
+
+  describe('Shallow Render REACT COMPONENTS', () => {
+    // pass in dummy props of the sort that Access expects
+    const props = {
+      pageToDisplay: 'login',
+      loggedIn: false,
+      midpoint: { lat: 40.7142700, lng: -74.0059700 },
+      currentUser: {},
+      selectedLocations: [],
+      friendsList: [],
+      notFriendsList: [],
+    };
+    describe('Access component', () => {
+      beforeAll(() => {
+        wrapper = shallow(<Access {...props} />);
+      });
+
+      it('renders the DUMB component', () => {
+        expect(wrapper.length).toEqual(1);
+      })
+
+      it('Renders a div, className loginStyles, with six child divs', () => {
+        expect(wrapper.find('div.loginStyles').children()).toHaveLength(6);
+      });
+
+      it('Renders two buttons', () => {
+        let count = 0;
+        wrapper.find('button').forEach(node => {
+          count++;
+        });
+        expect(count).toBe(2);
+      });  
+    });
+  });
+
+  xdescribe('REACT-REDUX (Shallow + passing the store directly)', () => {
+    const initialState = {
+      pageToDisplay: 'login',
+      loggedIn: false,
+      midpoint: { lat: 40.7142700, lng: -74.0059700 },
+      currentUser: {},
+      selectedLocations: [],
+      friendsList: [],
+      notFriendsList: [],
+      currentUserID: 12
+    };
+    const mockStore = configureStore();
+    let store, container;
+
+    beforeEach(() => {
+      store = mockStore(initialState);
+      container = shallow(<ConnectedAccess store={store} />);
+    });
+
+    it('renders the connected(SMART) component', () => {
+      expect(container.length).toEqual(1);
+    })
+  });
+});

__mocks__/fileMock.js

@@ -0,0 +1 @@
+module.exports = 'test-file-stub';

__mocks__/styleMock.js

@@ -0,0 +1 @@
+module.exports = {};

__tests__/supertest.js

@@ -0,0 +1,116 @@
+const request = require('supertest');
+let server = 'http://localhost:8080';
+
+describe('Server Tests', () => {
+    describe('/', () => {
+        describe('GET - root endpoint', () => {
+            // server = 'http://localhost:8080'
+            it('responds with 200 status and text/html content type', () => {
+                return request(server)
+                    .get('/')
+                        .expect('Content-type', /text\/html/)
+                        .expect(200);
+            });
+        });
+    });
+
+    describe('/database/login', () => {
+        describe('GET - with invalid login', () => {
+            it('if no login info provided, responds with 404 status and application/json content type', () => {
+                return request(server)
+                    .get('/database/login')
+                        .expect('Content-type', /application\/json/)
+                        .expect(404);
+            });
+
+            it('if invalid login info provided, responds with 404 status and application/json content type', () => {
+                return request(server)
+                    .get('/database/login?username=ternce&password=petrsen')
+                        .expect('Content-type', /application\/json/)
+                        .expect(404);
+            });            
+        });
+
+        describe('GET - with valid login', () => {
+            it('provided with *valid* login, responds with 200 status and application/json content type', () => {
+                return request(server)
+                    .get('/database/login?username=terence&password=petersen')
+                        .expect('Content-type', /application\/json/)
+                        .expect(200)
+            });
+
+            it('--res.body contains "User verified!" message and verified prop set to true', () => {
+                return request(server)
+                    .get('/database/login?username=terence&password=petersen')
+                    .then(res => {
+                        expect(res.body.message).toBe("User verified!");
+                        expect(res.body.verified).toBe(true);
+                    })
+            });
+
+            it('--res.body has a friendList property containing an array', () => {
+                return request(server)
+                    .get('/database/login?username=terence&password=petersen')
+                    .then(res => {
+                        expect(res.body.friendList).toBeDefined();
+                        expect(Array.isArray(res.body.friendList)).toBe(true);
+                });
+            });
+
+            it('--returned friendList array contains objects', () => {
+                return request(server)
+                    .get('/database/login?username=terence&password=petersen')
+                    .then(res => {
+                        const { friendList } = res.body;
+                        expect(friendList).toBeDefined();
+                        expect(typeof friendList[0] === 'object' && !Array.isArray(friendList[0])).toBe(true);
+                });
+            });
+        });
+    });
+
+    describe('/database/signup', () => {
+        // both of the below tests fail.
+        // need to determine if it is the tests that are written incorrectly
+        // or if the application is not behaving as expected
+        describe('POST - with invalid user/password input(s)', () => {
+
+            // shows the server returning 500 "Internal Server Error", unlike the response shown in the browser
+            it('returns status 401', () => {
+                return request(server)
+                    .post('/database/signup')
+                    .send({ username: '', password: '', address: '123 fake street' })
+                        .expect(401);
+            });
+
+            // the console log shows res.body to be an empty object
+            it('returns "Invalid username and/or password!" message', () => {
+                return request(server)
+                    .post('/database/signup')
+                    .send({ username: '', password: '', address: '123 fake street' })
+                    .then(res => {
+                        console.log(res.body);
+                        expect(res.body.message).toBe('Invalid username and/or password!');
+                });
+            });
+        });
+
+        describe('POST - with invalid address input', () => {
+            it ('returns status 500', () => {
+                return request(server)
+                    .post('/database/signup')
+                    .send({ username: 'newguy3', password: 'okiedokie', address: 'gjeirogrj' })
+                        .expect(500);
+            });
+        });
+
+        describe('POST - with valid inputs', () => {
+            it ('returns status 200', () => {
+                return request(server)
+                    .post('/database/signup')
+                    .send({ username: 'newguy4', password: 'okiedokie', address: '123 fake street' })
+                        .expect(201);
+            })
+        })
+    });
+});

build/bundle.js.LICENSE.txt

@@ -0,0 +1,68 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+ * Determine if an object is a Buffer
+ *
+ * @author   Feross Aboukhadijeh <https://feross.org>
+ * @license  MIT
+ */
+
+/**
+ * React Router v6.0.2
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+
+/** @license React v0.20.2
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v17.0.2
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

build/index.html

@@ -0,0 +1 @@
+<html><head><meta charset="UTF-8"><title>Halfway</title><script defer="defer" src="bundle.js"></script></head><body style="margin:0px" height="1000px"><div id="root">Index.html</div></body></html>

client/App.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { BrowserRouter as Router, Route, Routes as Switch } from 'react-router-dom'
+import Access from './components/Access'
+import Main from './components/Main'
+
+
+// connect to endpoints
+const App = () => (
+  <div id="app">
+    <Router>
+      <Switch>
+         {/* default page: not yet logged in, route to Access */}
+        <Route path='/' element={<Access/>} />
+         {/* when logged in, route to Main */}
+        <Route path='/main' element={<Main />} />
+      </Switch>
+    </Router>
+  </div>
+);
+
+export default App;