diff --git a/inventory-app/src/__snapshots__/app.test.js.snap b/inventory-app/src/__snapshots__/app.test.js.snap index d7852e2623fa6cdce6445a5dc81782681a149c98..2e4e2bfe5de2defa194f0fa68ea84cbab57ef830 100644 --- a/inventory-app/src/__snapshots__/app.test.js.snap +++ b/inventory-app/src/__snapshots__/app.test.js.snap @@ -3,7 +3,40 @@ exports[`the app has one labeled button that displays the value from the store 1`] = ` <div> <main> - [placeholder text] + <header> + <label> + App Title + </label> + </header> + <table> + <thead> + <tr> + <th + colspan="2" + > + Menu (Two items) + </th> + </tr> + </thead> + <tbody> + <tr> + <td> + Item 1 + <button> + Item 1 Button + </button> + </td> + <td> + Item 2 + <button> + Item 2 Button + </button> + </td> + </tr> + </tbody> + </table> + <hr /> + Inventory </main> </div> `; diff --git a/inventory-app/src/features/inventory/inventory.js b/inventory-app/src/features/inventory/inventory.js index 5ff056a2ada56e021b35610ecaec311b2b045f46..d550386c43a599bc1c8c827d2fc435ac3563051a 100644 --- a/inventory-app/src/features/inventory/inventory.js +++ b/inventory-app/src/features/inventory/inventory.js @@ -1,7 +1,26 @@ export function Inventory() { return ( <main> - [placeholder text] + <header> + <label> + App Title + </label> + </header> + <table> + <thead> + <tr> + <th colspan="2">Menu (Two items)</th> + </tr> + </thead> + <tbody> + <tr> + <td>Item 1 <button> Item 1 Button </button></td> + <td>Item 2 <button> Item 2 Button </button></td> + </tr> + </tbody> + </table> + <hr></hr> + Inventory </main> ); }