chapter-5

src/Add.js

@@ -0,0 +1 @@
+export default function Add() {}

src/__tests__/add.spec.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import '@testing-library/jest-dom';
+
+import Add from '../Add';
+
+describe('todo add', () => {
+    test('storing input value', async () => {
+        render(<Add />);
+
+        await userEvent.type(screen.getByTestId("todo-input"), "second todo item");
+
+        expect(screen.getByDisplayValue(/second todo item/)).toBeInTheDocument();
+    })
+})