chore: confirm you can click on button returned by xpath

bahmutov · bahmutov · commit 245b48a6fdce · 2018-12-14T16:18:14.000-05:00
diff --git a/cypress/integration/index.html b/cypress/integration/index.html
@@ -1,8 +1,12 @@
 <body>
   <main>
     <h1>cypress-xpath</h1>
+    <button id="first-button">Click me</button>
   </main>
   <script>
+    document.getElementById('first-button').addEventListener('click', () => {
+      window.alert('you clicked first button')
+    })
     setTimeout(() => {
       document.querySelector('main').insertAdjacentHTML('afterend',
         '<div id="inserted">inserted text</div>')
diff --git a/cypress/integration/spec.js b/cypress/integration/spec.js
@@ -43,5 +43,18 @@ describe('cypress-xpath', () => {
         cy.xpath('boolean(//h2)').should('be.false')
       })
     })
+
+    describe('clicking', () => {
+      it('on button', () => {
+        // this button invokes window.alert when clicked
+        const alert = cy.stub()
+        cy.on('window:alert', alert)
+        cy.xpath('//*[@id="first-button"]').click()
+          .then(() => {
+            expect(alert).to.have.been.calledOnce
+          })
+
+      })
+    })
   })
 })
