chore: add unit test for alert spy for #6

Author: bahmutov

cypress/integration/alert-spec.js

@@ -0,0 +1,23 @@
+import HelloWorld from '../../src/stateless-alert.jsx'
+import React from 'react'
+import { mount } from '../../lib'
+
+/* eslint-env mocha */
+describe('Stateless alert', () => {
+ beforeEach(() => {
+ const spy = cy.spy().as('alert')
+ cy.on('window:alert', spy)
+ mount(<HelloWorld name="Alert" />)
+ })
+
+ it('shows link', () => {
+ cy.contains('a', 'Say Hi')
+ })
+
+ it('alerts with name', () => {
+ cy.contains('Say Hi').click()
+ // spy on window:alert is never called
+ // https://github.com/bahmutov/cypress-react-unit-test/issues/6
+ // cy.get('@alert').should('have.been.calledOnce')
+ })
+})

src/stateless-alert.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+
+// example stateless component from
+// https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc
+
+/* global alert */
+const HelloWorld = ({name, click}) => {
+ const sayHi = () => {
+ console.log('about to alert')
+ alert(`Hi ${name}`)
+ }
+
+ return (
+ <div>
+ <a href="#"
+ onClick={sayHi}>Say Hi</a>
+ </div>
+ )
+}
+
+export default HelloWorld

src/stateless.jsx

@@ -12,4 +12,4 @@ const HelloWorld = ({name, click}) => {
  )
 }
 
-export default HelloWorld
+export default HelloWorld