bio-dark-midnight-theme/demo/checkbox_with_label.test.js

A super-cool dark theme for VS Code by studio.bio inspired by Oceanic Next and Solarized Dark. Optimized for JavaScript (React), PHP, HTML, and Sass/SCSS.

import React from 'react'
import ReactDOM from 'react-dom'
import * as TestUtils from 'react-dom/test-utils'
import CheckboxWithLabel from '../CheckboxWithLabel'

it('CheckboxWithLabel changes the text after click', () => {
  // Render a checkbox with label in the document
  const checkbox = TestUtils.renderIntoDocument(
    <CheckboxWithLabel labelOn="On" labelOff="Off" />
  )

  const checkboxNode = ReactDOM.findDOMNode(checkbox)

  // Verify that it's Off by default
  expect(checkboxNode.textContent).toEqual('Off')

  // Simulate a click and verify that it is now On
  TestUtils.Simulate.change(
    TestUtils.findRenderedDOMComponentWithTag(checkbox, 'input')
  )
  expect(checkboxNode.textContent).toEqual('On')
})