makersacademy · stephenfletchtek · Sep 3, 2022 · Sep 3, 2022 · Sep 3, 2022 · Sep 3, 2022
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+node_modules/
+bundle.js
+user.json
diff --git a/chitterApi.js b/chitterApi.js
@@ -0,0 +1,48 @@
+class ChitterApi {
+
+  loadPeeps(callback) {
+    const callbackFn = callback || (() => { })
+    fetch('https://chitter-backend-api-v2.herokuapp.com/peeps')
+      .then(response => response.json())
+      .then((data) => callbackFn(data));
+  }
+
+  createUser(user, callback) {
+    const callbackFn = callback || (() => { })
+    fetch('https://chitter-backend-api-v2.herokuapp.com/users', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(user)
+    })
+      .then(response => response.json())
+      .then(data => callbackFn(data));
+  }
+
+  loadSession(session, callback) {
+    const callbackFn = callback || (() => { })
+    fetch('https://chitter-backend-api-v2.herokuapp.com/sessions', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(session)
+    })
+      .then(response => response.json())
+      .then(data => callbackFn(data));
+  }
+
+  postPeep(token, peep, callback) {
+    const callbackFn = callback || (() => { })
+    fetch('https://chitter-backend-api-v2.herokuapp.com/peeps', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Authorization': 'Token token=' + token
+      },
+      body: JSON.stringify(peep)
+    })
+      .then(response => response.json())
+      .then(data => callbackFn(data));
+  }
+
+}
+
+module.exports = ChitterApi;
diff --git a/chitterApi.test.js b/chitterApi.test.js
@@ -0,0 +1,44 @@
+require('jest-fetch-mock').enableMocks();
+const ChitterApi = require('./chitterApi');
+
+describe('ChitterApi class', () => {
+  beforeEach(() => {
+    api = new ChitterApi;
+  })
+
+  it('views all peeps', () => {
+    expect.assertions(1);
+    fetch.mockResponseOnce(JSON.stringify({ body: 'my first peep' }))
+    api.loadPeeps((data) => {
+      expect(data.body).toBe('my first peep');
+    })
+  })
+
+  it('creates a user', () => {
+    expect.assertions(2);
+    fetch.mockResponseOnce(JSON.stringify({ id: 1, handle: "user" }));
+    api.createUser({ user: { handle: "user", password: "secret" } }, (response) => {
+      expect(response.id).toEqual(1);
+      expect(response.handle).toEqual('user');
+    })
+  })
+
+  it('creates a session', () => {
+    expect.assertions(2);
+    fetch.mockResponseOnce(JSON.stringify({ user_id: 1, session_key: "stuff" }));
+    const session = { session: { handle: "test", password: "test" } }
+    api.loadSession(session, (response) => {
+      expect(response.user_id).toEqual(1);
+      expect(response.session_key).toEqual("stuff");
+    })
+  })
+
+  it('creates a peep', () => {
+    expect.assertions(1);
+    fetch.mockResponseOnce(JSON.stringify({ body: 'quack!' }));
+    api.postPeep('fake', 'whassup?', (response) => {
+      expect(response.body).toEqual('quack!');
+    })
+  })
+
+})
diff --git a/index.html b/index.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <script type="text/javascript" src="bundle.js" defer></script>
+
+  <title>Chitter</title>
+</head>
+
+<body>
+  <h1>Chitter</h1>
+  <div id="main-container">
+    <div id="user">
+      <button id="post">Post Peep</button>
+      <button id="sign-up">Sign Up</button>
+      <button id="sign-in">Sign In</button>
+    </div>
+    <div id="post-peep"></div>
+
+  </div>
+</body>
+
+</html>
diff --git a/index.js b/index.js
@@ -0,0 +1,11 @@
+const PeepsModel = require('./peepsModel')
+const ChitterApi = require('./chitterApi');
+const PeepsView = require('./peepsView');
+
+const model = new PeepsModel;
+const api = new ChitterApi;
+const peepsView = new PeepsView(model, api);
+
+console.log('Chitter is running');
+
+peepsView.displayFromApi();