node_modules

4 files changed, 150 insertions, 0 deletions

diff --git a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/components/App.tests.tsx b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/components/App.tests.tsx
new file mode 100644
index 000000000..aa9612416
--- /dev/null
+++ b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/components/App.tests.tsx
@@ -0,0 +1,32 @@
+import React from 'react';

+import TestUtils from 'react-addons-test-utils';

+

+import App from '../../src/components/App';

+import WhoToGreet from '../../src/components/WhoToGreet';

+import Greeting from '../../src/components/Greeting';

+import GreetingStore from '../../src/stores/GreetingStore';

+

+describe('App', () => {

+  it('renders expected HTML', () => {

+    const app = render({ greetings: ['James'], newGreeting: 'Benjamin' });

+    expect(app).toEqual(

+      <div className="container-fluid">

+        <h1>Hello People!</h1>

+

+        <WhoToGreet newGreeting={ 'Benjamin' } />

+

+        { [

+          <Greeting key={ 0 } targetOfGreeting="James" />

+        ] }

+      </div>

+    );

+  });

+

+  function render(state: any) {

+    const shallowRenderer = TestUtils.createRenderer();

+    spyOn(GreetingStore, 'getState').and.returnValue(state);

+

+    shallowRenderer.render(<App />);

+    return shallowRenderer.getRenderOutput();

+  }

+});

diff --git a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/components/Greeting.tests.tsx b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/components/Greeting.tests.tsx
new file mode 100644
index 000000000..911a6cba2
--- /dev/null
+++ b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/components/Greeting.tests.tsx
@@ -0,0 +1,45 @@
+import React from 'react';

+import TestUtils from 'react-addons-test-utils';

+

+import Greeting from '../../src/components/Greeting';

+import * as GreetingActions from '../../src/actions/GreetingActions';

+

+describe('Greeting', () => {

+  let handleSelectionChangeSpy: jasmine.Spy;

+  beforeEach(() => {

+    handleSelectionChangeSpy = jasmine.createSpy('handleSelectionChange');

+  });

+

+  it('given a targetOfGreeting of \'James\' it renders a p containing a greeting and a remove button', () => {

+    const targetOfGreeting = 'James';

+

+    const p = render({ targetOfGreeting });

+    expect(p.type).toBe('p');

+    expect(p.props.children[0]).toBe('Hello ');

+    expect(p.props.children[1]).toBe('James');

+    expect(p.props.children[2]).toBe('!');

+

+    const [ , , , button ] = p.props.children;

+

+    expect(button.type).toBe('button');

+    expect(button.props.className).toBe('btn btn-default btn-danger');

+    expect(button.props.children).toBe('Remove');

+  });

+

+  it('button onClick triggers an removeGreeting action', () => {

+    const targetOfGreeting = 'Benjamin';

+    const p = render({ targetOfGreeting });

+    const [ , , , button ] = p.props.children;

+    spyOn(GreetingActions, 'removeGreeting');

+

+    button.props.onClick();

+

+    expect(GreetingActions.removeGreeting).toHaveBeenCalledWith(targetOfGreeting);

+  });

+

+  function render({ targetOfGreeting }: { targetOfGreeting: string; }) {

+    const shallowRenderer = TestUtils.createRenderer();

+    shallowRenderer.render(<Greeting key={ 0 } targetOfGreeting={ targetOfGreeting } />);

+    return shallowRenderer.getRenderOutput();

+  }

+});

diff --git a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/components/WhoToGreet.tests.tsx b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/components/WhoToGreet.tests.tsx
new file mode 100644
index 000000000..01398952e
--- /dev/null
+++ b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/components/WhoToGreet.tests.tsx
@@ -0,0 +1,68 @@
+import React from 'react';

+import TestUtils from 'react-addons-test-utils';

+

+import WhoToGreet from '../../src/components/WhoToGreet';

+import * as GreetingActions from '../../src/actions/GreetingActions';

+

+describe('WhoToGreet', () => {

+  let handleSelectionChangeSpy: jasmine.Spy;

+  beforeEach(() => {

+    handleSelectionChangeSpy = jasmine.createSpy('handleSelectionChange');

+  });

+

+  it('given a newGreeting then it renders a form containing an input containing that text and an add button', () => {

+    const newGreeting = 'James';

+

+    const form = render({ newGreeting });

+    expect(form.type).toBe('form');

+    expect(form.props.role).toBe('form');

+

+    const formGroup = form.props.children;

+    expect(formGroup.type).toBe('div');

+    expect(formGroup.props.className).toBe('form-group');

+

+    const [ input, button ] = formGroup.props.children;

+

+    expect(input.type).toBe('input');

+    expect(input.props.type).toBe('text');

+    expect(input.props.className).toBe('form-control');

+    expect(input.props.placeholder).toBe('Who would you like to greet?');

+    expect(input.props.value).toBe(newGreeting);

+

+    expect(button.type).toBe('button');

+    expect(button.props.type).toBe('submit');

+    expect(button.props.className).toBe('btn btn-default btn-primary');

+    expect(button.props.disabled).toBe(false);

+    expect(button.props.children).toBe('Add greeting');

+  });

+

+  it('input onChange triggers a newGreetingChanged action', () => {

+    const newGreeting = 'Benjamin';

+    const form = render({ newGreeting });

+    const formGroup = form.props.children;

+    const [ input ] = formGroup.props.children;

+    spyOn(GreetingActions, 'newGreetingChanged');

+

+    input.props.onChange({ target: { value: newGreeting }});

+

+    expect(GreetingActions.newGreetingChanged).toHaveBeenCalledWith(newGreeting);

+  });

+

+  it('button onClick triggers an addGreeting action', () => {

+    const newGreeting = 'Benjamin';

+    const form = render({ newGreeting });

+    const formGroup = form.props.children;

+    const [ , button ] = formGroup.props.children;

+    spyOn(GreetingActions, 'addGreeting');

+

+    button.props.onClick({ preventDefault: () => {} });

+

+    expect(GreetingActions.addGreeting).toHaveBeenCalledWith(newGreeting);

+  });

+

+  function render({ newGreeting }: { newGreeting: string }) {

+    const shallowRenderer = TestUtils.createRenderer();

+    shallowRenderer.render(<WhoToGreet newGreeting={ newGreeting } />);

+    return shallowRenderer.getRenderOutput();

+  }

+});

diff --git a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/main.js b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/main.js
new file mode 100644
index 000000000..1b332a7c0
--- /dev/null
+++ b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/test/main.js
@@ -0,0 +1,5 @@
+/* eslint-disable */
+import 'babel-polyfill';
+
+const testsContext = require.context('./', true, /\.tests\.ts(x?)$/);
+testsContext.keys().forEach(testsContext);
\ No newline at end of file