Write first typescript react test with enzyme

Note that the 'test:watch' script is not currently working.  It runs the
tests fine, but will not run again.  I think this may have happened when
I switched to ts-mocha, because it was working before with just mocha.

However, I think that this thread might hold the answer:
  TypeStrong/ts-node#266

bld/testSetup.js

@@ -42,3 +42,9 @@ global.navigator = {
 };
 
 documentRef = document;  //eslint-disable-line no-undef
+
+
+// Configure the adapter required by enzyme
+var enzyme = require('enzyme');
+var Adapter = require('enzyme-adapter-react-16');
+enzyme.configure({ adapter: new Adapter() });

package.json

@@ -12,8 +12,8 @@
     "localtunnel": "lt --port 3000 --subdomain posten",
     "share": "npm-run-all --parallel open:src localtunnel",
     "ztest": "ts-mocha --reporter spec bld/testSetup.js \"src/**/*.test.tsx\"",
-    "test": "ts-mocha --reporter progress bld/testSetup.js src/**/*.test.tsx src/components/**/*.test.tsx",
-    "test:watch": "npm run test -- --watch",
+    "test": "ts-mocha --reporter spec bld/testSetup.js src/**/*.test.tsx",
+    "test:watch": "ts-mocha  --watch --reporter progress bld/testSetup.js src/**/*.test.tsx",
     "generate-mock-data": "babel-node bld/generateMockData",
     "prestart-mockapi": "npm run generate-mock-data",
     "start-mockapi": "json-server --watch src/api/db.json --port 3001 --delay 1000",
@@ -85,6 +85,7 @@
     "@types/mocha": "^2.2.48",
     "chai": "^4.1.2",
     "enzyme": "^3.3.0",
+    "enzyme-adapter-react-16": "^1.1.1",
     "eslint": "3.8.1",
     "eslint-plugin-import": "2.0.1",
     "eslint-plugin-react": "^7.7.0",

src/components/courses/CourseForm.test.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { mount, shallow } from 'enzyme'
+import { shallow, mount, render } from 'enzyme'
 import { should } from 'chai'
 
 import { CourseForm, CourseFormProps } from './CourseForm'
@@ -24,9 +24,8 @@ function setup(saving: boolean) {
 describe('CourseForm', () => {
   it('renders form and h1', () => {
     const wrapper = setup(false)
-    wrapper.find('form').should.equal(1)
+    wrapper.find('form').should.have.lengthOf(1)
     wrapper.find('h1').text().should.equal('Manage Course')
-    wrapper.find('input').props().value.should.equal('Saving...')
   })
 
   it('save button is labeled "Save" when not saving', () => {
@@ -35,7 +34,7 @@ describe('CourseForm', () => {
   })
 
   it('save button is labeled "Saving..." when saving', () => {
-    const wrapper = setup(false)
+    const wrapper = setup(true)
     wrapper.find('input').props().value.should.equal('Saving...')
   })
 })