Ekathuria/style pages

.babelrc

@@ -0,0 +1,4 @@
+{
+    "presets": ["@babel/preset-env", "@babel/preset-react"],
+    "plugins": ["@babel/plugin-transform-runtime"]
+  }

__tests__/route tests/books.test.js

@@ -0,0 +1,97 @@
+/**
+ * Supertest is used to test the functionality of the books.js router
+ */
+const request = require('supertest');
+const server = 'http://localhost:3000';
+
+//can try other id's as well
+const id = 3;
+describe(`/books/${id}`, () => {
+  describe('GET', () => {
+    it('responds with 200 status and return JSON body in response', () => {
+      return (
+        request(server)
+          .get(`/books/${id}`)
+          // .then((res) => console.log(res.body))
+          .expect('Content-Type', /json/)
+          .expect(200)
+      );
+    });
+
+    it('the response body matches the user id', () => {
+      return request(server)
+        .get(`/books/${id}`)
+        .then((res) => {
+          expect(res.body[0].userid).toEqual(id);
+        });
+    });
+  });
+});
+//should I check that length of db is equal to length of res body or something similar? other than just checking the shape?
+describe('/books/all', () => {
+  describe('GET', () => {
+    it('responds with 200 status and application/json content type', () => {
+      return request(server)
+        .get('/books/all')
+        .expect('Content-Type', /json/)
+        .expect(200);
+    });
+    it('all books in db', () => {
+      return request(server)
+        .get('/books/all')
+        .expect((res) => {
+          if (!Array.isArray(res.body)) throw new Error('Is not an array');
+        });
+    });
+  });
+});
+/*
+POST REQUEST TESTS FAIL WITH EVERYTHING
+
+describe('POST', () => {
+xit('responds with 200 status and application/json content type', () => {
+  const newTitle = "New Title"
+  return request(server)
+    .post(`/books/${id}`)
+    // .expect('Content-Type', /json/) //html
+    // .expect(200); //500
+    // .then(())
+    .send( {
+      "title": "Please help us",
+      "author": "Oh Man",
+      "genreId": 11,
+      "statusId": 3
+    })
+    .then((res) => {
+      // console.log(req)
+      console.log('here: ', res.body[0])
+      expect(res.body[0]).toHaveProperty('title')
+
+xit('new books get added to users profile in db', () => {
+  return request(server)
+    .post(`/books/${id}`)
+
+    .expect((res) => res.body.length)
+    .then((res) => console.log(res));
+});
+*/
+
+describe(`/books/${id}`, () => {
+  describe('PATCH', () => {
+    it('responds with 200 status, has application/json content-type, and updates book status', () => {
+      return request(server)
+        .patch(`/books/${id}`)
+        .expect('Content-Type', /json/)
+        .expect(200);
+    });
+  });
+
+  describe('DELETE', () => {
+    it('responds with 200 status and application/json content type', () => {
+      return request(server)
+        .delete(`/books/8`)
+        .expect('Content-Type', /json/)
+        .expect(200);
+    });
+  });
+});

__tests__/route tests/reviews.test.js

@@ -0,0 +1,102 @@
+const request = require('supertest');
+const server = 'http://localhost:3000';
+
+//remove sth from the working code so the test fails
+const id = 3; //can try w other id's
+describe('Reviews route integration', () => {
+    describe('/reviews', () => {
+        describe('GET', () => {
+            it('Should return 200 response status code',() => {
+                return request(server)
+                    .get('/reviews')
+                    .expect(200)
+            });
+
+            it('Should return JSON body in response',() => {
+                return request(server)
+                    .get('/reviews')
+                    .expect('Content-Type', /json/)
+            });
+
+           it('Responds with response body being an array',() => {
+                return request(server)
+                    .get('/reviews')
+                    .then((res) => {
+                        // console.log(res.body);
+                        expect(res.body).toBeInstanceOf(Array);
+                    });
+            });
+        });
+    });
+
+    describe(`/reviews/${id}`, () => {
+        describe('GET', () => {
+            it('Should return 200 response status code and return JSON body in response',() => {
+                return request(server)
+                    .get(`/reviews/${id}`)
+                    .expect(200)
+                    .expect('Content-Type', /json/)
+            });
+
+           it('Responds with response body being an object in an array with 1 review',() => {
+                return request(server)
+                    .get(`/reviews/${id}`)
+                    .then((res) => {
+                        for (let i = 0; i < res.body.length; i++) {
+                            if (res.body[i]._id === id) {
+                                // console.log("id: " + res.body[i]._id + ", review: " + res.body[i].review);
+                                expect(res.body[i]).toHaveProperty('review');       
+                            }
+                        }
+                    });
+            });
+        });
+
+        describe('PATCH', () => {
+            it('Responds with status of 200, JSON Content-Type, and old review unequal to new review', () => {
+            let oldReview;
+                request(server) 
+                .get(`/reviews/${id}`)
+                .then((res) => {
+                oldReview = res.body.review
+                    console.log("this is what we need: ", oldReview)
+                })
+                return request(server)
+                    .patch(`/reviews/${id}`)
+                    .send({review: "New review?"})
+                    .expect(200)
+                    .expect('Content-Type', /json/)
+                    .then(res => {
+                        console.log("before res body");
+                        expect(oldReview).not.toEqual(res.body.review)
+                        console.log("after res body")  
+                    })     
+            });
+        })
+
+        describe('DELETE', () => { 
+            it('Responds with status 200',() => {
+                return request(server)
+                    .delete(`/reviews/${id}`)
+                    // .expect('Content-Type', '/json/')
+                    .expect(200)
+            });
+             //NOT WORKING
+              xit('Responds with content type JSON',() => {
+                return request(server)
+                    .delete(`/reviews/${id}`)
+                    .expect('Content-Type', '/json/')
+            });
+
+
+            // const newReview = null;
+            it('Responds with a review of null',() => {
+                return request(server)
+                    .delete(`/reviews/${id}`)
+                    .then((res) => {
+                      expect(res.body.review).toEqual(null);
+                    });
+            });
+        });  
+    });
+});

build/bundle.js.LICENSE.txt

@@ -8,6 +8,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+/**
+ * @license React
+ * react-jsx-runtime.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
  * react.production.min.js
@@ -27,3 +37,40 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
+/**
+ * React Router DOM v6.3.0
+ *
+ * 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
+ */
+
+/**
+ * React Router v6.3.0
+ *
+ * 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 MUI v5.6.0
+ *
+ * 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.
+ */