updates

Author: indiTechCoder

Section-10-React Testing-Jasmin-Mocha-Chai/Mocha-Test/package.json

@@ -4,7 +4,7 @@
   "description": "",
   "main": "index.js",
   "directories": {
-    "test": "test"
+    "test": "mocha"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

Section-10-React Testing-Jasmin-Mocha-Chai/Mocha-Test/test/app.js

@@ -1,16 +1,14 @@
-describe('#find()', ()=> {
+var expect = require('chai').expect;
 
-beforeEach(()=>) {
-  return db.clear()
-    .then(function() {
-      return db.save([tobi, loki, jane]);
-    });
-});
+describe("A spec (with setup and tear-down)", function() {
+  it("is just a function, so it can contain any code", function() {
+    expect(1).toEqual(1);
+  });
 
-describe('#find()', ()=> {
-  it('respond with matching records', function() {
-    return db.find({ type: 'User' }).should.eventually.have.length(3);
+  it("can have more than one expectation", function() {
+    expect(1).toEqual(1);
+    expect(true).toEqual(true);
   });
-});
 
+  
 });

Section-10-React Testing-Jasmin-Mocha-Chai/React Webpack Jasmin Jest Starter/.editorconfig

@@ -0,0 +1,12 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = tab
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

Section-10-React Testing-Jasmin-Mocha-Chai/React Webpack Jasmin Jest Starter/Dictionary/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "Dictionary",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "start": "node node_modules/react-native/local-cli/cli.js start"
+  },
+  "dependencies": {
+    "react": "^15.0.2",
+    "react-native": "^0.26.3"
+  }
+}

Section-10-React Testing-Jasmin-Mocha-Chai/React Webpack Jasmin Jest Starter/main.js

@@ -2,8 +2,8 @@ var React=require('react');
 var ReactDOM = require('react-dom');
 var TestUtils=require('react-addons-test-utils');
 // jest librray to test react comp
-var Component=require('./com.react');
-var DemoApp=require('./demoapp');
+var Component=require('./src/hello');
+var DemoApp=require('./src/demoApp');
 
 
 describe("test AppComponent  props",function(){
@@ -22,32 +22,6 @@ describe("test AppComponent  props",function(){
 });
 });
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 describe("test helloworld props",function(){
   beforeEach(function() {
       let helloworld=TestUtils.renderIntoDocument(<Component text='Tarun'></Component>)

Section-10-React Testing-Jasmin-Mocha-Chai/React Webpack Jasmin Jest Starter/package.json

@@ -3,7 +3,8 @@
   "version": "0.0.0",
   "description": "Redux counter example",
   "scripts": {
-    "start": "webpack-dev-server"
+    "start": "webpack-dev-server",
+    "build" : "webpack"
   },
   "repository": {
     "type": "git",

Section-10-React Testing-Jasmin-Mocha-Chai/React Webpack Jasmin Jest Starter/src/demoApp.js

@@ -0,0 +1,15 @@
+var React=require('react');
+
+var DemoApp=React.createClass({
+	render:function(){
+		var text=this.props.text;
+		return (<div>
+			<div className="container">Example </div>
+			<ul>
+			<li>hello User {this.props.name}</li>
+			<li>hello User {this.props.name}</li>
+			</ul>
+			</div>);
+	}
+})
+module.exports=DemoApp;

Section-10-React Testing-Jasmin-Mocha-Chai/React Webpack Jasmin Jest Starter/src/hello.js

@@ -0,0 +1,14 @@
+var React=require('react');
+
+
+var Hello=React.createClass({
+render:function(){
+	var text=this.props.text;
+	return (
+		<div>
+		{"hello"+text}
+		<ul className="container"></ul>
+		</div>);
+}
+})
+module.exports=Hello;

Section-10-React Testing-Jasmin-Mocha-Chai/gulp-jasmine-master/gulpfile.js

@@ -22,7 +22,7 @@ gulp.task('jasmine_unitTesting', function () {
 });
 
 gulp.task('watch', function () {
-	gulp.watch('./*.js',['jasmine_unitTesting']);
+	gulp.watch('./**/*.js',['jasmine_unitTesting']);
 });
 
-gulp.task('default', ['webserver','watch']);
+gulp.task('default', ['webserver','watch','jasmine_unitTesting']);

Section-10-React Testing-Jasmin-Mocha-Chai/gulp-jasmine-master/spec/demospec.js

@@ -1,15 +1,13 @@
-var multiply = require('./src/multiply');
-
 
 describe('multiply', function(){
   it('Multiplies two numbers', function(){
-    expect(multiply(2,3)).toEqual(6);
+    expect((2+3)).toEqual(5);
   });
 });
 
 describe('multiply', function(){
   it('Multiplies two numbers', function(){
-    expect(multiply(2,3)).toEqual(6);
+    expect((4+4)).toEqual(8);
   });
 });
 

Section-11-React Jest Test/Rest-Jest shallow-Render/module/hello.js

@@ -1,21 +1,16 @@
 import React from 'react';
 
-
 class Hello extends React.Component {
-
   handleClick(event) {
     this.setState({honorific: 'Overlord'})
   }
-
   constructor(props) {
     super(props);
     this.state = {honorific: 'Captain'};
   }
-
   render() {
     return <h1 onClick={this.handleClick.bind(this)}>Hello {this.state.honorific} {this.props.name}</h1>;
   }
 }
 
-
 export default Hello;

Section-11-React Jest Test/Rest-Jest shallow-Render/module/test.js

@@ -11,21 +11,17 @@ const test = addAssertions(tape, {jsxEquals});
 
 
 test('Hello Component', (t) => {
-	const renderer = createRenderer();
-
+   const renderer = createRenderer(); //step 01
   // initial rendering
-  renderer.render(<Hello name="Jim Bob" />);
-  let actualElement = renderer.getRenderOutput();
+  renderer.render(<Hello name="Jim Bob" />);  // step 02 
+  let actualElement = renderer.getRenderOutput(); //step 03
   let expectedElement = <h1 onClick={function noRefCheck() {}}>Hello Captain Jim Bob</h1>;
-
   // simulate click
   renderer.getRenderOutput().props.onClick();
   let clickedElement = renderer.getRenderOutput();
   let clickedExpectedElement = <h1 onClick={function noRefCheck() {}}>Hello Overlord Jim Bob</h1>
-
   // fail cakes
   let unexpectedElement = <h1>Hello Private Jim Bob</h1>;
-
   // compare output with the expected result:
   t.jsxEquals(actualElement, expectedElement, "this should work");
   t.jsxEquals(clickedElement, clickedExpectedElement, "this should work");