Fix tests (#118)

zpao · web-flow · commit 4f4a60c376fe · 2017-10-29T19:34:25.000-07:00
1. Fix test runner so that it actually runs all of the tests
2. Test the exact markup generated
3. Fix the Flow test to make it proper syntax and pass
diff --git a/test/es6-flow-component.jsx b/test/es6-flow-component.jsx
@@ -10,7 +10,7 @@ function countTo(n:number):string {
   return a.join(', ');
 }
 
-class Index = extends React.Component {
+class Index extends React.Component {
   render() {
     return (
       <div>
diff --git a/test/index.js b/test/index.js
@@ -10,9 +10,13 @@ var viewOptions = {
 
 function testComponent(path, cb) {
   var render = viewEngine.createEngine();
-  render(__dirname + '/es5-component.jsx', viewOptions, function(err, source) {
-    assert(!err);
-    assert(source.indexOf('I can count to 10:1, 2, 3, 4, 5, 6, 7, 8, 9, 10') !== -1);
+  render(path, viewOptions, function(err, source) {
+    assert(!err, `Rendering ${path}: Did not throw`);
+    assert.equal(
+      source,
+      '<!DOCTYPE html><div><h1></h1><p>Welcome to </p><p>I can count to 10:1, 2, 3, 4, 5, 6, 7, 8, 9, 10</p></div>',
+      `Rendering ${path}: generated expected content`
+    );
     cb();
   });
 }

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ function countTo(n:number):string {`
`10`	`10`	`return a.join(', ');`
`11`	`11`	`}`
`12`	`12`
`13`		`-class Index = extends React.Component {`
	`13`	`+class Index extends React.Component {`
`14`	`14`	`render() {`
`15`	`15`	`return (`
`16`	`16`	`<div>`