Skip to content

bahmutov/hyperapp-counter-jsx-example

Repository files navigation

hyperapp-counter-jsx-example

Small counter example in Hyperapp and JSX (and Cypress tests)

You can mount your Hyperapp components in the tests using JSX syntax by transpiling it in the cypress/plugins/index.js file.

import { mount } from 'cypress-hyperapp-unit-test'
import { Counter } from '../../src/components/counter'
it('calls onclick', () => {
  const label = 'calls onclick'
  const onclick = cy.spy()
  // our component to test
  const component = <Counter label={label} onclick={onclick} />
  mount({}, {}, () => component)
  cy
    .contains(label)
    .click()
    .then(() => {
      expect(onclick).to.have.been.calledOnce
    })
})

When running the test in Cypress you have full browser and can interact / inspect every test step by step.

Spec

Test examples

Application code is in src folder. All tests are in cypress/integration folder

More info

About

Small counter example in Hyperapp and JSX (and Cypress tests)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published