Added mock functions for axios put and delete

Added more test for Application

src/__mocks__/axios.js

@@ -81,5 +81,21 @@ export default {
         data: fixtures.interviewers
       });
     }
+  }),
+  delete: jest.fn(url => {
+    if (url === "/api/appointments") {
+      return Promise.resolve({
+        status: 204,
+        statusText: "No Content"
+      });
+    }
+  }),
+  put: jest.fn((url, data) => {
+      return Promise.resolve({
+        status: 204,
+        statusText: "No Content",
+        data: data
+      });
   })
+
 };

src/components/Appointment/index.js

@@ -48,7 +48,7 @@ export default function Appointment(props) {
       .catch((error) => transition(ERROR_DELETE, true));
   }
   return (
-    <article className="appointment">
+    <article className="appointment" data-testid="appointment">
       <Header time={props.time} />
       {mode === EMPTY && <Empty onAdd={() => {
         transition(CREATE);

src/components/__tests__/Application.test.js

@@ -1,17 +1,41 @@
 import React from "react";
 
-import { render, cleanup, waitForElement, fireEvent } from "@testing-library/react";
+import { render, cleanup, waitForElement, fireEvent, getByText, prettyDOM, getAllByTestId, getByPlaceholderText, getByAltText, getAllByText} from "@testing-library/react";
 
 import Application from "components/Application";
 
 afterEach(cleanup);
+describe("Application", () => {
+  it("changes the schedule when a new day is selected", async () => {
+    const { getByText } = render(<Application />);
 
-it("changes the schedule when a new day is selected", async () => {
-  const { getByText } = render(<Application />);
+    await waitForElement(() => getByText("Monday"));
 
-  await waitForElement(() => getByText("Monday"));
+    fireEvent.click(getByText("Tuesday"));
 
-  fireEvent.click(getByText("Tuesday"));
+    expect(getByText("Leopold Silvers")).toBeInTheDocument();
+  });
 
-  expect(getByText("Leopold Silvers")).toBeInTheDocument();
+  it("loads data, books an interview and reduces the spots remaining for the first day by 1", async () => {
+    const { container } = render(<Application />);
+
+    await waitForElement(() => getByText(container, "Archie Cohen"));
+
+    const appointments = getAllByTestId(container, "appointment");
+    const appointment = appointments[0];
+
+    fireEvent.click(getByAltText(appointment, "Add"));
+
+    fireEvent.change(getByPlaceholderText(appointment, /enter student name/i), {
+      target: { value: "Lydia Miller-Jones" }
+    });
+    fireEvent.click(getByAltText(appointment, "Sylvia Palmer"));
+
+    fireEvent.click(getByText(appointment, "Save"));
+    // expect(getByText(appointment, "Saving")).toBeInTheDocument();
+
+    // await waitForElement(() => getByText(appointment, "Lydia Miller-Jones"));
+    // getByText("Monday")
+    console.log(prettyDOM(appointment));
+  });
 });