ahuggins

describe('Something about the tests here', function () {
    it('tests one thing', function () {

    });
});

ahuggins

<!-- mount() -->
<Foo>
  <div>
    <div className="fooClass">
      <Bar>
        <div>
          <div className="barClass">
            Something here
          </div>
        </div>

ahuggins

<!-- shallow() -->
<div>
  <div className="fooClass">
    <Bar />
  </div>
</div>

ahuggins

import React from 'react';
import { render, mount, shallow } from 'enzyme';
import EditDatasource from './EditDatasource';
import { MemoryRouter } from 'react-router-dom';

describe('tests for EditDatasource', function () {
  it.only('changes the datasource.type when a select button is clicked', function () {
      const wrap = mount(
          <MemoryRouter>
              <EditDatasource

ahuggins

import React from 'react';
import { render, mount, shallow } from 'enzyme';
import EditDatasource from './EditDatasource';
import { MemoryRouter } from 'react-router-dom';

describe('tests for EditDatasource', function () {
  it.only('changes the datasource.type when a select button is clicked', function () {
    const wrap = mount(
      <MemoryRouter>
        <EditDatasource

ahuggins

import React from 'react';
import { render, mount, shallow } from 'enzyme';
import EditDatasource from './EditDatasource';

describe('tests for EditDatasource', function () {
  it.only('changes the datasource.type when a select button is clicked', function () {
    const wrap = mount(
        <EditDatasource
            notify={notify}
            navigate={navigate}

ahuggins

import React from 'react';
import { render, mount, shallow } from 'enzyme';
import { Foo } from 'Foo';

describe.only('Test for Foo component', function () {
    it('can mount Foo component', function () {
        const wrap = mount(
            <Foo />
        );
        console.log(wrap.find('.someCustomClass').hostNodes().debug());

ahuggins

import React from 'react';
import { render, mount, shallow } from 'enzyme';
import { Foo } from 'Foo';

describe.only('Test for Foo component', function () {
    it('can mount Foo component', function () {
        const wrap = mount(
            <Foo />
        );
        console.log(wrap.find('.someCustomClass').debug());

ahuggins

import React from 'react';
import { render, mount, shallow } from 'enzyme';
import { Foo } from 'Foo';

describe.only('Test for Foo component', function () {
    it('can mount Foo component', function () {
        const wrap = mount(
            <Foo />
        );

ahuggins

import React from 'react';

export function Foo() {
    return <div>
        <div className="fooClass">
            <Bar className="someCustomClass" />
        </div>
    </div>;
}