add bonus 48

cypress/e2e/inventory/logs-add-to-cart.cy.ts

@@ -0,0 +1,40 @@
+import { LoginPage } from '@support/pages/login.page'
+
+describe('Inventory list', { viewportHeight: 1600 }, () => {
+  // create a small type on the fly using jsdoc comment
+  // just to help type check help us
+  /** @type {{username: string, password: string}} */
+  const user = Cypress.env('users').standard
+
+  // before each test, quickly login the user
+  // or restore the previous user session
+  beforeEach(() => {
+    LoginPage.login(user.username, user.password)
+    cy.visit('/inventory.html')
+    cy.location('pathname').should('equal', '/inventory.html')
+  })
+
+  it('calls the console.log method', () => {
+    // spy on the application's window "console.log" method
+    // https://on.cypress.io/window
+    // https://on.cypress.io/its
+    // https://on.cypress.io/spy
+    // give the spy an alias "log"
+    //
+    // there should be more than 1 inventory item on the page
+    //
+    // grab the 3rd inventory item
+    // https://on.cypress.io/eq
+    //
+    // and click on the button with the text "Add to cart"
+    // https://on.cypress.io/contains
+    // https://on.cypress.io/click
+
+    // the third item on the page should have id 1
+    const itemId = 1
+    // get the alias to the "log" spy and confirm:
+    // - it was called once
+    // - it was called once with exact parameters
+    // - it was called once with a string plus item id
+  })
+})

src/components/InventoryListItem.jsx

@@ -19,6 +19,7 @@ const InventoryListItem = (props) => {
       }
     }
 
+    console.log('add to cart item %d', itemId)
     ShoppingCart.addItem(itemId)
     setItemInCart(true)
     dataLayer.push({ event: 'addToCart', itemId })