Skip to content

Commit

Permalink
feat(todos): updated component instance within App
Browse files Browse the repository at this point in the history
  • Loading branch information
@dcpesses
dcpesses committed Feb 27, 2024
1 parent 900e60a commit 5b33dd5
Show file tree
Hide file tree
Showing 2 changed files with 103 additions and 103 deletions.
14 changes: 7 additions & 7 deletions src/App.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,6 @@ import logo from '@/assets/logo.svg';
function App() {
return (
<div className="App">
<div className="App-Todos">
<h2>Todos</h2>
<Todo />
</div>

<hr />

<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>Hello Vite + React!</p>
Expand Down Expand Up @@ -51,6 +44,13 @@ function App() {
</a>
</p>
</header>

<hr />

<div className="App-Todos">
<h2>Todos</h2>
<Todo />
</div>
</div>
);
}
Expand Down
192 changes: 96 additions & 96 deletions src/__snapshots__/App.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,102 +5,6 @@ exports[`Should render as expected 1`] = `
<div
class="App"
>
<div
class="App-Todos"
>
<h2>
Todos
</h2>
<div
class="todos"
>
<div
class="add-todo"
>
<input
placeholder="Enter a Todo..."
type="text"
value=""
/>
<button>
Add Todo
</button>
</div>
<ul
class="todos-list"
>
<li
class="todo-list-item"
>
<span
class="item-checkbox"
>
<input
title="Mark Complete"
type="checkbox"
/>
</span>
<span
class="item-content"
style="text-decoration: none;"
>
Hit the gym
</span>
<span
class="item-actions"
>
<button
class="item-actions-edit"
title="Edit"
>
✎
</button>
<button
class="item-actions-delete"
title="Delete"
>
✖
</button>
</span>
</li>
<li
class="todo-list-item"
>
<span
class="item-checkbox"
>
<input
title="Mark Incomplete"
type="checkbox"
/>
</span>
<span
class="item-content"
style="text-decoration: line-through;"
>
Meet George
</span>
<span
class="item-actions"
>
<button
class="item-actions-edit"
title="Edit"
>
✎
</button>
<button
class="item-actions-delete"
title="Delete"
>
✖
</button>
</span>
</li>
</ul>
</div>
</div>
<hr />
<header
class="App-header"
>
Expand Down Expand Up @@ -254,6 +158,102 @@ exports[`Should render as expected 1`] = `
</a>
</p>
</header>
<hr />
<div
class="App-Todos"
>
<h2>
Todos
</h2>
<div
class="todos"
>
<div
class="add-todo"
>
<input
placeholder="Enter a Todo..."
type="text"
value=""
/>
<button>
Add Todo
</button>
</div>
<ul
class="todos-list"
>
<li
class="todo-list-item"
>
<span
class="item-checkbox"
>
<input
title="Mark Complete"
type="checkbox"
/>
</span>
<span
class="item-content"
style="text-decoration: none;"
>
Hit the gym
</span>
<span
class="item-actions"
>
<button
class="item-actions-edit"
title="Edit"
>
✎
</button>
<button
class="item-actions-delete"
title="Delete"
>
✖
</button>
</span>
</li>
<li
class="todo-list-item"
>
<span
class="item-checkbox"
>
<input
title="Mark Incomplete"
type="checkbox"
/>
</span>
<span
class="item-content"
style="text-decoration: line-through;"
>
Meet George
</span>
<span
class="item-actions"
>
<button
class="item-actions-edit"
title="Edit"
>
✎
</button>
<button
class="item-actions-delete"
title="Delete"
>
✖
</button>
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
`;

0 comments on commit 5b33dd5

Please sign in to comment.