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>;
}

ahuggins

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

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

ahuggins

import React from 'react';
import { Bar } from './Bar';

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

ahuggins

import React from 'react';

export function Bar() {
    return <div>
        <div className="barClass">Something here</div>
    </div>;
}

ahuggins

Sample Game:
327/XX8/9/4/247/11

How many frames scored a 20 or more?

frame     1   2   3   4   5   6   7   8   9  10
balls    32  7/   X   X  8/  9/  4/  24  7/  11
score     5  20  28  20  19  14  12   6  11   2

In the example above, there are 3.