Initial commit.

Adding files needed for Linux Foundation.

Change-Id: I9f2b4851a5ae01f83800c7f8bab8608a2221c730
Issue-ID: SDC-1608
Signed-off-by: Israel Lavi <il0695@att.com>

37 files changed, 0 insertions, 1733 deletions

diff --git a/test/react/Accordion.spec.js b/test/react/Accordion.spec.js
deleted file mode 100644
index 614dcdd..0000000
--- a/test/react/Accordion.spec.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import Accordion from '../../src/react/Accordion.js';
-
-import renderer from 'react-test-renderer';
-
-describe('Accordion', () => {
-	test('Accordion - Default', () => {
-		const accordion = renderer.create(<Accordion title='Accordion'>Accordion body</Accordion>).toJSON();
-		expect(accordion).toMatchSnapshot();
-	});
-});
\ No newline at end of file
diff --git a/test/react/Button.spec.js b/test/react/Button.spec.js
deleted file mode 100644
index 3b3b72e..0000000
--- a/test/react/Button.spec.js
+++ /dev/null
@@ -1,77 +0,0 @@
-import React from 'react';
-import Button from '../../src/react/Button.js';
-
-import renderer from 'react-test-renderer';
-
-describe('Button', () => {
-	test('Button - Default - Primary', () => {
-		const button = renderer.create(<Button>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Default - Primary - Disabled', () => {
-		const button = renderer.create(<Button disabled>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Default - White', () => {
-		const button = renderer.create(<Button color='white'>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Default - Gray', () => {
-		const button = renderer.create(<Button color='gray'>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Default - Positive', () => {
-		const button = renderer.create(<Button color='positive'>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Default - Negative', () => {
-		const button = renderer.create(<Button color='negative'>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Default - Warning', () => {
-		const button = renderer.create(<Button color='warning'>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Outline - Primary', () => {
-		const button = renderer.create(<Button btnType='outline'>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Outline - Gray', () => {
-		const button = renderer.create(<Button btnType='outline' color='gray'>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Outline - Positive', () => {
-		const button = renderer.create(<Button btnType='outline' color='positive'>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Outline - Negative', () => {
-		const button = renderer.create(<Button btnType='outline' color='negative'>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Link - Primary', () => {
-		const button = renderer.create(<Button btnType='link' color='primary'>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Link - Primary - Disabled', () => {
-		const button = renderer.create(<Button btnType='link' color='primary' disabled>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-	test('Button - Link - Primary - With Icon', () => {
-		const button = renderer.create(<Button btnType='link' color='primary' iconName='plus'>Click Me</Button>).toJSON();
-		expect(button).toMatchSnapshot();
-	});
-
-});
diff --git a/test/react/Checkbox.spec.js b/test/react/Checkbox.spec.js
deleted file mode 100644
index 88ba660..0000000
--- a/test/react/Checkbox.spec.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react';
-import Checkbox from '../../src/react/Checkbox.js';
-
-import renderer from 'react-test-renderer';
-import {mount} from 'enzyme';
-
-class CheckboxForm extends React.Component {
-	constructor(props) {
-		super(props);
-		this.state = {checked: false};
-
-		this.handleChange = this.handleChange.bind(this);
-	}
-
-	handleChange(val) {
-		this.setState({checked: val});
-	}
-
-	getChecked() {
-		return this.checkbox.getChecked();
-	}
-
-	render() {
-		return (
-			<form >
-				<Checkbox ref={(checkbox)=>{this.checkbox = checkbox;}} checked={this.state.checked} onChange={this.handleChange} label='This is the checkbox label' />
-			</form>
-		);
-	}
-}
-
-describe('Checkbox', () => {
-	test('Checkbox - unchecked', () => {
-		const checkbox = renderer.create(<Checkbox label='This is the checkbox label'/>).toJSON();
-		expect(checkbox).toMatchSnapshot();
-	});
-
-	test('Checkbox - disabled', () => {
-		const checkbox = renderer.create(<Checkbox disabled={true} label='This is the checkbox label' />).toJSON();
-		expect(checkbox).toMatchSnapshot();
-	});
-
-	test('Checkbox - checked state changes', () => {
-		const checkbox = mount(<CheckboxForm  />);
-		expect(checkbox.instance().getChecked()).toEqual(false);
-		expect(checkbox.instance().getChecked()).toEqual(checkbox.find('input').props().checked);
-		checkbox.find('input').simulate('change', { target : { checked: true }});
-		expect(checkbox.instance().getChecked()).toEqual(checkbox.find('input').props().checked);
-		expect(checkbox.instance().getChecked()).toEqual(true);
-		checkbox.find('input').simulate('change', { target : { checked: false }});
-		expect(checkbox.instance().getChecked()).toEqual(false);
-		expect(checkbox.instance().getChecked()).toEqual(checkbox.find('input').props().checked);
-	});
-
-	test('Checkbox - returns its value', () => {
-		const checkbox = mount(<Checkbox label='This is the checkbox label' value='myVal' />);
-		expect(checkbox.instance().getValue()).toEqual('myVal');
-	});
-
-});
diff --git a/test/react/Checklist.spec.js b/test/react/Checklist.spec.js
deleted file mode 100644
index a3409ad..0000000
--- a/test/react/Checklist.spec.js
+++ /dev/null
@@ -1,64 +0,0 @@
-import React from 'react';
-import Checklist from '../../src/react/Checklist.js';
-
-import renderer from 'react-test-renderer';
-
-const items = [
-    {
-        label: 'apple',
-        value: 'apple',
-        dataTestId: 'apple',
-        checked: true
-    },
-    {
-        label: 'banana',
-        value: 'banana',
-        dataTestId: 'banana',
-        checked: false
-    },
-    {
-        label: 'orange',
-        value: 'orange',
-        dataTestId: 'orange',
-        checked: true
-    }
-];
-
-const itemsDisabled = [
-    {
-        label: 'apple',
-        value: 'apple',
-        dataTestId: 'apple',
-        checked: true,
-        disabled: true
-    },
-    {
-        label: 'banana',
-        value: 'banana',
-        dataTestId: 'banana',
-        checked: false,
-        disabled: true
-    },
-    {
-        label: 'orange',
-        value: 'orange',
-        dataTestId: 'orange',
-        checked: false
-    }
-];
-
-
-describe('Checklist', () => {
-    test('Checklist - Default ', () => {
-        const checklist = renderer.create(<Checklist items={items} onChange={() => { }} />).toJSON();
-        expect(checklist).toMatchSnapshot();
-    });
-
-    test('Checklist - With disabled items ', () => {
-        const checklist = renderer.create(<Checklist items={itemsDisabled} onChange={() => { }} />).toJSON();
-        expect(checklist).toMatchSnapshot();
-    });
-
-
-
-});
\ No newline at end of file
diff --git a/test/react/Input.spec.js b/test/react/Input.spec.js
deleted file mode 100644
index 3766e45..0000000
--- a/test/react/Input.spec.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from 'react';
-import Input from '../../src/react/Input.js';
-
-import renderer from 'react-test-renderer';
-import {mount} from 'enzyme';
-
-class InputForm extends React.Component {
-	constructor(props) {
-		super(props);
-		this.state = {value: 'Initial'};
-		this.handleChange = this.handleChange.bind(this);
-	}
-
-	handleChange(val) {
-		this.setState({value: val});
-	}
-
-	getValue() {
-		return this.input.getValue();
-	}
-
-	render() {
-		return (
-			<form >
-				<Input ref={(input)=>{this.input = input;}} value={this.state.value} name='testinput' onChange={this.handleChange} />
-			</form>
-		);
-	}
-}
-
-describe('Input', () => {
-	test('Input - default', () => {
-		const input = renderer.create(<Input label='label for input' name='clickme' type='text'/>).toJSON();
-		expect(input).toMatchSnapshot();
-	});
-
-	test('Input - required', () => {
-		const input = renderer.create(<Input required label='label for input' name='clickme' type='text'/>).toJSON();
-		expect(input).toMatchSnapshot();
-	});
-
-	test('Input - number', () => {
-		const input = renderer.create(<Input  label='label for input' name='clickme' type='number'/>).toJSON();
-		expect(input).toMatchSnapshot();
-	});
-
-	test('Input - readonly', () => {
-		const input = renderer.create(<Input  label='label for input' name='clickme' type='text' readOnly/>).toJSON();
-		expect(input).toMatchSnapshot();
-	});
-
-	test('Input - placeholder', () => {
-		const input = renderer.create(<Input  label='label for input' name='clickme' type='text' placeholder='hint'/>).toJSON();
-		expect(input).toMatchSnapshot();
-	});
-
-	test('Input - error', () => {
-		const input = renderer.create(<Input  label='label for input' name='clickme' type='text' errorMessage='this is an error'/>).toJSON();
-		expect(input).toMatchSnapshot();
-	});
-
-	test('Input - checked state value changes', () => {
-		const input = mount(<InputForm />);
-		expect(input.instance().getValue()).toEqual('Initial');
-		input.find('input').simulate('change', { target : { value: 'Changed' }});
-		expect(input.instance().getValue()).toEqual('Changed');
-		expect(input.find('input').prop('value')).toEqual('Changed');
-	});
-});
diff --git a/test/react/Modal.spec.js b/test/react/Modal.spec.js
deleted file mode 100644
index 7c4738f..0000000
--- a/test/react/Modal.spec.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import React from 'react';
-import { mount, ReactWrapper } from 'enzyme';
-
-import Modal from '../../src/react/Modal';
-
-describe('Modal', () => {
-
-	const MODAL_MESSAGE = 'Message';
-	test('standard modal', ()=>{
-		const modal = new ReactWrapper(mount(<Modal show={true} size='small'>
-								<Modal.Header><Modal.Title>Standard Modal</Modal.Title></Modal.Header>
-								<Modal.Body>
-									{MODAL_MESSAGE}
-								</Modal.Body>
-								<Modal.Footer actionButtonText='Yes' actionButtonClick={()=>{}}/>
-							</Modal>).instance().modalRef, true);
-
-		expect(modal.find(Modal.Body).length).toBe(1);                                                                               
-		expect(modal.find(Modal.Header).length).toBe(1);                                                                               
-		expect(modal.find(Modal.Title).length).toBe(1);   
-		expect(modal.find(Modal.Body).length).toBe(1);              
-		expect(modal.find(Modal.Footer).length).toBe(1); 
-		expect(modal.find(Modal.Header).props().type).toBe('info');
-		expect(modal.find(Modal.Body).text()).toBe(MODAL_MESSAGE);
-		expect(modal.html()).toMatchSnapshot();
-	});
-	
-	test('standard modal - not displayed', ()=>{
-		const modal = new ReactWrapper(mount(<Modal show={false} size='small'>
-								<Modal.Header><Modal.Title>Standard Modal</Modal.Title></Modal.Header>
-								<Modal.Body>
-									 {MODAL_MESSAGE}	
-								</Modal.Body>
-								<Modal.Footer actionButtonText='Yes' actionButtonClick={()=>{}}/>
-							</Modal>).instance().modalRef, true);		
-		expect(modal.find(Modal.Body).length).toBe(0);
-		expect(modal.html()).toMatchSnapshot();        
-	});
-	
-	test('alert modal', ()=>{
-		const modal = new ReactWrapper(mount(
-			<Modal show type='alert' size='small'>
-				<Modal.Header type='alert'><Modal.Title>Title</Modal.Title></Modal.Header>
-				<Modal.Body>
-					{MODAL_MESSAGE}
-				</Modal.Body>
-				<Modal.Footer closeButtonText='Ok'/>
-		</Modal>).instance().modalRef, true);
-		expect(modal.find(Modal.Body).text()).toBe(MODAL_MESSAGE);
-		expect(modal.find('.sdc-modal-type-alert').length).toBe(1);
-		expect(modal.html()).toMatchSnapshot();
-	});
-	
-	test('custom modal', ()=>{
-		const modal = new ReactWrapper(mount(
-			<Modal show type='custom'>
-				<Modal.Header type='custom'><Modal.Title>Title</Modal.Title></Modal.Header>
-				<Modal.Body>
-					{MODAL_MESSAGE}
-				</Modal.Body>
-				<Modal.Footer  actionButtonText='Ok' actionButtonClick={()=>{}}/>
-			</Modal>).instance().modalRef, true);
-		expect(modal.find(Modal.Body).text()).toBe(MODAL_MESSAGE);
-		expect(modal.find('.sdc-modal-type-custom').length).toBe(1);
-		expect(modal.html()).toMatchSnapshot();
-	});
-
-});
diff --git a/test/react/ModalBody.spec.js b/test/react/ModalBody.spec.js
deleted file mode 100644
index d83c899..0000000
--- a/test/react/ModalBody.spec.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import ModalBody from '../../src/react/ModalBody.js';
-
-import renderer from 'react-test-renderer';
-
-describe('ModalBody', () => {
-	test('basic test', () => {
-	    const header = renderer.create(<ModalBody/>).toJSON();        
-	    expect(header).toMatchSnapshot();
-	});
-});
\ No newline at end of file
diff --git a/test/react/ModalFooter.spec.js b/test/react/ModalFooter.spec.js
deleted file mode 100644
index e4e3f5b..0000000
--- a/test/react/ModalFooter.spec.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import ModalFooter from '../../src/react/ModalFooter.js';
-
-import renderer from 'react-test-renderer';
-
-describe('ModalFooter', () => {
-	test('basic test', () => {
-		const footer = renderer.create(<ModalFooter closeButtonText='Ok'/>).toJSON();        
-		expect(footer).toMatchSnapshot();
-	});
-});
\ No newline at end of file
diff --git a/test/react/ModalHeader.spec.js b/test/react/ModalHeader.spec.js
deleted file mode 100644
index e9d0602..0000000
--- a/test/react/ModalHeader.spec.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import ModalHeader from '../../src/react/ModalHeader.js';
-
-import renderer from 'react-test-renderer';
-
-describe('ModalHeader', () => {
-	test('basic test', () => {
-	    const header = renderer.create(<ModalHeader/>).toJSON();        
-	    expect(header).toMatchSnapshot();
-	});
-});
\ No newline at end of file
diff --git a/test/react/ModalTitle.spec.js b/test/react/ModalTitle.spec.js
deleted file mode 100644
index a8cf2a3..0000000
--- a/test/react/ModalTitle.spec.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import ModalTitle from '../../src/react/ModalTitle.js';
-
-import renderer from 'react-test-renderer';
-
-describe('ModalTitle', () => {
-	test('basic test', () => {
-	    const header = renderer.create(<ModalTitle>Title</ModalTitle>).toJSON();        
-	    expect(header).toMatchSnapshot();
-	});
-});
\ No newline at end of file
diff --git a/test/react/Panel.spec.js b/test/react/Panel.spec.js
deleted file mode 100644
index acae6a9..0000000
--- a/test/react/Panel.spec.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import Panel from '../../src/react/Panel.js';
-
-import renderer from 'react-test-renderer';
-
-describe('Panel', () => {
-    test('Panel - Default', () => {
-        const panel = renderer.create(<Panel>Panel</Panel>).toJSON();
-        expect(panel).toMatchSnapshot();
-    });
-});
diff --git a/test/react/PopupMenu.spec.js b/test/react/PopupMenu.spec.js
deleted file mode 100644
index 5014728..0000000
--- a/test/react/PopupMenu.spec.js
+++ /dev/null
@@ -1,62 +0,0 @@
-import React from 'react';
-import PopupMenu from '../../src/react/PopupMenu.js';
-
-import renderer from 'react-test-renderer';
-import {mount} from 'enzyme';
-
-class MyPopupForm extends React.Component {
-	constructor(props) {
-		super(props);
-		this.state = {position: {}};
-	}
-
-	handleClick(newPos) {
-		this.setState({position: newPos});
-	}
-
-	getPosition() {
-		return this.state.position;
-	}
-
-	render() {
-		return (
-			<form onClick={event => this.handleClick({
-				x: event.pageX - event.target.offsetLeft,
-				y: event.pageY - event.target.offsetTop
-			})}>
-				<PopupMenu position={this.state.position} relative onMenuItemClick={() => {}} />
-			</form>
-		);
-	}
-}
-
-describe('PopupMenu', () => {
-	test('check static menu rendered', () => {
-		const menu = renderer.create(<PopupMenu onMenuItemClick={() => {}}/>).toJSON();
-		expect(menu).toMatchSnapshot();
-	});
-
-	test('check relative menu rendered', () => {
-		const menu = renderer.create(<PopupMenu onMenuItemClick={()=> {}} position={{x: 10, y: 10}} relative/>).toJSON();
-		expect(menu).toMatchSnapshot();
-	});
-
-	test('check separator rendered', () => {
-		const separator = renderer.create(<PopupMenu.Separator/>).toJSON();
-		expect(separator).toMatchSnapshot();
-	});
-
-	test('check position changed', () => {
-		const menuForm = mount(<MyPopupForm />);
-		const position = menuForm.instance().getPosition();
-		expect(position).toEqual({});
-		expect(position).toEqual(menuForm.find('ul').props().style);
-		menuForm.find('form').simulate('click', {
-			target: {offsetLeft: 10, offsetTop: 20},
-			pageX: 30, pageY: 50
-		});
-		const newPosition = menuForm.instance().getPosition();
-		expect(newPosition).toEqual({x:20, y:30});
-		expect({left: newPosition.x, top: newPosition.y}).toEqual(menuForm.find('ul').props().style);
-	});
-});
\ No newline at end of file
diff --git a/test/react/PopupMenuItem.spec.js b/test/react/PopupMenuItem.spec.js
deleted file mode 100644
index 9262319..0000000
--- a/test/react/PopupMenuItem.spec.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-import PopupMenuItem from '../../src/react/PopupMenuItem.js';
-import PopupMenu from '../../src/react/PopupMenu.js';
-
-import renderer from 'react-test-renderer';
-import {mount} from 'enzyme';
-
-describe('PopupMenuItem', () => {
-	test('check selected', () => {
-		const menuItem = renderer.create(<PopupMenuItem itemId='1' value='item 1' selected/>).toJSON();
-		expect(menuItem).toMatchSnapshot();
-	});
-
-	test('check disabled', () => {
-		const menuItem = renderer.create(<PopupMenuItem itemId='2' value='item 2' disabled/>).toJSON();
-		expect(menuItem).toMatchSnapshot();
-	});
-
-	test('check parent onclick invoked by child', () => {
-		const mockFunc = jest.fn();
-		const menu = mount(
-			<PopupMenu onMenuItemClick={mockFunc}>
-				<PopupMenuItem itemId='1' value='item 1'/>
-			</PopupMenu>
-		);
-		expect(menu.find('li')).toHaveLength(1);
-		menu.find('li').simulate('click');
-		expect(mockFunc).toHaveBeenCalled();
-	});
-
-	test('check custom onclick invoked by child', () => {
-		const mockParentFunc = jest.fn();
-		const mockChildFunc = jest.fn();
-		const menu = mount(
-			<PopupMenu onMenuItemClick={mockParentFunc}>
-				<PopupMenuItem itemId='1' value='item 1' onClick={mockChildFunc}/>
-			</PopupMenu>
-		);
-		expect(menu.find('li')).toHaveLength(1);
-		menu.find('li').simulate('click');
-		expect(mockChildFunc).toHaveBeenCalled();
-		expect(mockParentFunc).not.toHaveBeenCalled();
-	});
-
-	test('check no click handler if item is disabled', () => {
-		const mockFunc = jest.fn();
-		const menu = mount(
-			<PopupMenu onMenuItemClick={mockFunc}>
-				<PopupMenuItem itemId='1' value='item 1' disabled/>
-			</PopupMenu>
-		);
-		expect(menu.find('li')).toHaveLength(1);
-		menu.find('li').simulate('click');
-		expect(mockFunc).not.toHaveBeenCalled();
-	});
-});
\ No newline at end of file
diff --git a/test/react/Portal.spec.js b/test/react/Portal.spec.js
deleted file mode 100644
index 864b342..0000000
--- a/test/react/Portal.spec.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react';
-import {mount} from 'enzyme';
-import Portal from '../../src/react/Portal';
-
-describe('Portal',()=>{
-	test('portal basic', ()=>{                 
-		const portal = mount(<Portal><strong>Message</strong></Portal>);        
-		expect(portal.find(Portal).exists()).toBe(true);       
-    });    
-});
\ No newline at end of file
diff --git a/test/react/Radio.spec.js b/test/react/Radio.spec.js
deleted file mode 100644
index 39e33f7..0000000
--- a/test/react/Radio.spec.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react';
-import Radio from '../../src/react/Radio.js';
-
-import renderer from 'react-test-renderer';
-import {mount} from 'enzyme';
-
-class RadioForm extends React.Component {
-	constructor(props) {
-		super(props);
-		this.state = {checked: false};
-
-		this.handleChange = this.handleChange.bind(this);
-	}
-
-	handleChange(val) {
-		this.setState({checked: val});
-	}
-
-	getChecked() {
-		return this.radio.getChecked();
-	}
-
-	render() {
-		return (
-			<form >
-				<Radio ref={(radio)=>{this.radio = radio;}} name='grp1' checked={this.state.checked} label='This is the radio label' value='1' onChange={this.handleChange} />
-			</form>
-		);
-	}
-}
-
-describe('Radio', () => {
-	test('Radio - unchecked', () => {
-		const radio = renderer.create(<Radio name='grp4' label='This is the radio label' value='1' />).toJSON();
-		expect(radio).toMatchSnapshot();
-	});
-
-	test('Radio - disabled', () => {
-		const radio = renderer.create(<Radio name='grp2' disabled={true} label='This is the radio label' value='1' />).toJSON();
-		expect(radio).toMatchSnapshot();
-	});
-
-	test('Radio - checked state changes', () => {
-		const radio = mount(<RadioForm />);
-		expect(radio.instance().getChecked()).toEqual(false);
-		expect(radio.instance().getChecked()).toEqual(radio.find('input').props().checked);
-		radio.find('input').simulate('change', { target : { checked: true }});
-		expect(radio.instance().getChecked()).toEqual(true);
-		expect(radio.instance().getChecked()).toEqual(radio.find('input').props().checked);
-		radio.find('input').simulate('change', { target : { checked: false }});
-		expect(radio.instance().getChecked()).toEqual(false);
-		expect(radio.instance().getChecked()).toEqual(radio.find('input').props().checked);
-	});
-
-	test('Radio - returns its value', () => {
-		const radio = mount(<Radio label='This is the radio label' value='myVal' />);
-		expect(radio.instance().getValue()).toEqual('myVal');
-	});
-
-});
diff --git a/test/react/RadioGroup.spec.js b/test/react/RadioGroup.spec.js
deleted file mode 100644
index 638b9c4..0000000
--- a/test/react/RadioGroup.spec.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from 'react';
-import RadioGroup from '../../src/react/RadioGroup.js';
-
-import renderer from 'react-test-renderer';
-import {mount} from 'enzyme';
-
-class RadioGroupForm extends React.Component {
-	constructor(props) {
-		super(props);
-		this.state = {value: undefined};
-		this.handleChange = this.handleChange.bind(this);
-	}
-
-	handleChange(val) {
-		this.setState({value: val});
-	}
-
-	getValue() {
-		return this.grp.getValue();
-	}
-
-	render() {
-		return (
-			<form >
-				<RadioGroup name='grp1' title='Group A' value={this.state.value} ref={(grp) => { this.grp = grp;}} onChange={this.handleChange} data-test-id='grp1'
-					options={[{value: '1', label: 'option 1'}, {value: '2', label: 'option 2'}]} />
-			</form>
-		);
-	}
-}
-
-describe('RadioGroup', () => {
-	test('RadioGroup - basic rendering', () => {
-		const radio = renderer.create(<RadioGroup name='grp1' defaultValue='2' value='1' title='Group A'
-			onChange={()=>{}} data-test-id='grp1'
-			options={[{value: '1', label: 'option 1'}, {value: '2', label: 'option 2'}]} />).toJSON();
-		expect(radio).toMatchSnapshot();
-	});
-
-	test('RadioGroup - value overrides default value', () => {
-		const radio = mount(<RadioGroup name='grp1' defaultValue='2' value='1' title='Group A'
-			onChange={()=>{}} data-test-id='grp1'
-			options={[{value: '1', label: 'option 1'}, {value: '2', label: 'option 2'}]} />);
-		expect(radio.instance().getValue()).toEqual('1');
-	});
-
-	test('RadioGroup - can have no value', () => {
-		const radio = mount(<RadioGroup name='grp1' title='Group A'
-			onChange={()=>{}} data-test-id='grp1'
-			options={[{value: '1', label: 'option 1'}, {value: '2', label: 'option 2'}]} />);
-		expect(radio.instance().getValue()).toEqual(undefined);
-	});
-
-	test('RadioGroup - can be rendered without title', () => {
-		const radio = mount(<RadioGroup name='grp1'
-			onChange={()=>{}} data-test-id='grp1'
-			options={[{value: '1', label: 'option 1'}, {value: '2', label: 'option 2'}]} />);
-		expect(radio.find('.sdc-radio-group__legend').length).toEqual(0);
-	});
-
-	test('RadioGroup - value changes', () => {
-		const radio = mount(<RadioGroupForm  />);
-		expect(radio.instance().getValue()).toEqual(undefined);
-		radio.find('input[value="1"]').simulate('change', { target : { checked: true }});
-		expect(radio.instance().getValue()).toEqual('1');
-		radio.find('input[value="2"]').simulate('change', { target : { checked: true }});
-		expect(radio.instance().getValue()).toEqual('2');
-	});
-});
diff --git a/test/react/Tabs.spec.js b/test/react/Tabs.spec.js
deleted file mode 100644
index 9906708..0000000
--- a/test/react/Tabs.spec.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react';
-import Tab from '../../src/react/Tab.js';
-import Tabs from '../../src/react/Tabs.js';
-
-import renderer from 'react-test-renderer';
-import {mount} from 'enzyme';
-
-class TabsForm extends React.Component {
-	constructor(props) {
-		super(props);
-		this.state = {tabId: '1'};
-
-		this.handleChange = this.handleChange.bind(this);
-	}
-
-	handleChange(val) {
-		this.setState({tabId: val});
-	}
-
-	render() {
-		return (
-			<form >
-				<fieldset disabled={this.props.disabled}>
-					<Tabs ref={(tabs) => this.tabsInst = tabs} activeTab={this.state.tabId} onTabClick={this.handleChange} >
-						<Tab title='tab 1' tabId='1' data-test-id='1'>Tab #1</Tab>
-						<Tab title='tab 2' tabId='2' data-test-id='2'>Tab #2</Tab>
-						<Tab title='tab 3'  tabId='3' data-test-id='3'>Tab #3</Tab>
-					</Tabs>
-				</fieldset>
-
-			</form>
-		);
-	}
-}
-
-describe('Tabs', () => {
-
-	test('Tabs - basic rendering', () => {
-		const tabs = renderer.create(<TabsForm disabled={false} />).toJSON();
-		expect(tabs).toMatchSnapshot();
-	});
-
-	test('Tabs - when active tab id is changed, the respective tab is shown', () => {
-		const tabs = mount(<TabsForm disabled={false} />);
-		expect(tabs.instance().tabsInst.props.activeTab).toEqual('1');
-		expect(tabs.find('.sdc-tab-content').text()).toEqual('Tab #1');
-		expect(tabs.find('li[data-test-id="1"]').hasClass('sdc-tab-active')).toBeTruthy();
-		tabs.find('li[data-test-id="2"]').simulate('click');
-		expect(tabs.instance().tabsInst.props.activeTab).toEqual('2');
-		expect(tabs.find('li[data-test-id="2"]').hasClass('sdc-tab-active')).toBeTruthy();
-		expect(tabs.find('li[data-test-id="1"]').hasClass('sdc-tab-active')).not.toBeTruthy();
-		expect(tabs.find('.sdc-tab-content').text()).toEqual('Tab #2');
-	});
-
-});
diff --git a/test/react/Tile.spec.js b/test/react/Tile.spec.js
deleted file mode 100644
index 7ce98a8..0000000
--- a/test/react/Tile.spec.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import Tile from '../../src/react/Tile.js';
-import TileInfo from '../../src/react/TileInfo.js';
-import TileInfoLine from '../../src/react/TileInfoLine.js';
-import TileFooter from '../../src/react/TileFooter.js';
-import TileFooterCell from '../../src/react/TileFooterCell.js';
-
-import renderer from 'react-test-renderer';
-
-describe('Tile', () => {
-	test('Empty tile', () => {
-		const tile = renderer.create(<Tile />).toJSON();
-		expect(tile).toMatchSnapshot();
-	});
-
-	test('Tile with props', () => {
-		const tile = renderer.create(<Tile headerText='header' headerColor='blue' iconName='vlm' iconColor='blue' />).toJSON();
-		expect(tile).toMatchSnapshot();
-	});
-
-	test('Tile with content info', () => {
-		const tile = renderer.create(<Tile><TileInfo align='center'><TileInfoLine type='title'>Info</TileInfoLine></TileInfo></Tile>).toJSON();
-		expect(tile).toMatchSnapshot();
-	});
-
-	test('Tile with footer', () => {
-		const tile = renderer.create(<Tile><TileFooter align='center'><TileFooterCell>Footer</TileFooterCell></TileFooter></Tile>).toJSON();
-		expect(tile).toMatchSnapshot();
-	});
-});
diff --git a/test/react/__snapshots__/Accordion.spec.js.snap b/test/react/__snapshots__/Accordion.spec.js.snap
deleted file mode 100644
index fe75ada..0000000
--- a/test/react/__snapshots__/Accordion.spec.js.snap
+++ /dev/null
@@ -1,32 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Accordion Accordion - Default 1`] = `
-<div
-  className="sdc-accordion "
->
-  <div
-    className="sdc-accordion-header"
-    data-test-id={undefined}
-    onClick={[Function]}
-  >
-    <div
-      className="svg-icon-wrapper     bottom"
-      disabled={undefined}
-      onClick={undefined}
-    >
-      <svg />
-      
-    </div>
-    <div
-      className="title"
-    >
-      Accordion
-    </div>
-  </div>
-  <div
-    className="sdc-accordion-body "
-  >
-    Accordion body
-  </div>
-</div>
-`;
diff --git a/test/react/__snapshots__/Button.spec.js.snap b/test/react/__snapshots__/Button.spec.js.snap
deleted file mode 100644
index 16e13bc..0000000
--- a/test/react/__snapshots__/Button.spec.js.snap
+++ /dev/null
@@ -1,163 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button Button - Default - Gray 1`] = `
-<button
-  className="sdc-button sdc-button__primary   "
-  color="gray"
-  disabled={false}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Default - Negative 1`] = `
-<button
-  className="sdc-button sdc-button__primary   "
-  color="negative"
-  disabled={false}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Default - Positive 1`] = `
-<button
-  className="sdc-button sdc-button__primary   "
-  color="positive"
-  disabled={false}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Default - Primary - Disabled 1`] = `
-<button
-  className="sdc-button sdc-button__primary   "
-  disabled={true}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Default - Primary 1`] = `
-<button
-  className="sdc-button sdc-button__primary   "
-  disabled={false}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Default - Warning 1`] = `
-<button
-  className="sdc-button sdc-button__primary   "
-  color="warning"
-  disabled={false}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Default - White 1`] = `
-<button
-  className="sdc-button sdc-button__primary   "
-  color="white"
-  disabled={false}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Link - Primary - Disabled 1`] = `
-<button
-  className="sdc-button sdc-button__link   "
-  color="primary"
-  disabled={true}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Link - Primary - With Icon 1`] = `
-<button
-  className="sdc-button sdc-button__link   plus"
-  color="primary"
-  disabled={false}
-  onClick={undefined}
->
-  <div
-    className="svg-icon-wrapper     right"
-    disabled={undefined}
-    onClick={undefined}
-  >
-    <svg />
-    <span
-      className="svg-icon-label "
-    >
-      Click Me
-    </span>
-  </div>
-</button>
-`;
-
-exports[`Button Button - Link - Primary 1`] = `
-<button
-  className="sdc-button sdc-button__link   "
-  color="primary"
-  disabled={false}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Outline - Gray 1`] = `
-<button
-  className="sdc-button sdc-button__outline   "
-  color="gray"
-  disabled={false}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Outline - Negative 1`] = `
-<button
-  className="sdc-button sdc-button__outline   "
-  color="negative"
-  disabled={false}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Outline - Positive 1`] = `
-<button
-  className="sdc-button sdc-button__outline   "
-  color="positive"
-  disabled={false}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
-
-exports[`Button Button - Outline - Primary 1`] = `
-<button
-  className="sdc-button sdc-button__outline   "
-  disabled={false}
-  onClick={undefined}
->
-  Click Me
-</button>
-`;
diff --git a/test/react/__snapshots__/Checkbox.spec.js.snap b/test/react/__snapshots__/Checkbox.spec.js.snap
deleted file mode 100644
index fa6239b..0000000
--- a/test/react/__snapshots__/Checkbox.spec.js.snap
+++ /dev/null
@@ -1,49 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Checkbox Checkbox - disabled 1`] = `
-<div
-  className="sdc-checkbox "
->
-  <label>
-    <input
-      checked={false}
-      className="sdc-checkbox__input"
-      data-test-id={undefined}
-      disabled={true}
-      name={undefined}
-      onChange={[Function]}
-      type="checkbox"
-      value={undefined}
-    />
-    <span
-      className="sdc-checkbox__label"
-    >
-      This is the checkbox label
-    </span>
-  </label>
-</div>
-`;
-
-exports[`Checkbox Checkbox - unchecked 1`] = `
-<div
-  className="sdc-checkbox "
->
-  <label>
-    <input
-      checked={false}
-      className="sdc-checkbox__input"
-      data-test-id={undefined}
-      disabled={undefined}
-      name={undefined}
-      onChange={[Function]}
-      type="checkbox"
-      value={undefined}
-    />
-    <span
-      className="sdc-checkbox__label"
-    >
-      This is the checkbox label
-    </span>
-  </label>
-</div>
-`;
diff --git a/test/react/__snapshots__/Checklist.spec.js.snap b/test/react/__snapshots__/Checklist.spec.js.snap
deleted file mode 100644
index 707e910..0000000
--- a/test/react/__snapshots__/Checklist.spec.js.snap
+++ /dev/null
@@ -1,165 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Checklist Checklist - Default  1`] = `
-<div
-  className={undefined}
->
-  <div
-    className="checkbox-item"
-  >
-    <div
-      className="sdc-checkbox "
-    >
-      <label>
-        <input
-          checked={true}
-          className="sdc-checkbox__input"
-          data-test-id="apple"
-          disabled={undefined}
-          name={undefined}
-          onChange={[Function]}
-          type="checkbox"
-          value="apple"
-        />
-        <span
-          className="sdc-checkbox__label"
-        >
-          apple
-        </span>
-      </label>
-    </div>
-  </div>
-  <div
-    className="checkbox-item"
-  >
-    <div
-      className="sdc-checkbox "
-    >
-      <label>
-        <input
-          checked={false}
-          className="sdc-checkbox__input"
-          data-test-id="banana"
-          disabled={undefined}
-          name={undefined}
-          onChange={[Function]}
-          type="checkbox"
-          value="banana"
-        />
-        <span
-          className="sdc-checkbox__label"
-        >
-          banana
-        </span>
-      </label>
-    </div>
-  </div>
-  <div
-    className="checkbox-item"
-  >
-    <div
-      className="sdc-checkbox "
-    >
-      <label>
-        <input
-          checked={true}
-          className="sdc-checkbox__input"
-          data-test-id="orange"
-          disabled={undefined}
-          name={undefined}
-          onChange={[Function]}
-          type="checkbox"
-          value="orange"
-        />
-        <span
-          className="sdc-checkbox__label"
-        >
-          orange
-        </span>
-      </label>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Checklist Checklist - With disabled items  1`] = `
-<div
-  className={undefined}
->
-  <div
-    className="checkbox-item"
-  >
-    <div
-      className="sdc-checkbox "
-    >
-      <label>
-        <input
-          checked={true}
-          className="sdc-checkbox__input"
-          data-test-id="apple"
-          disabled={true}
-          name={undefined}
-          onChange={[Function]}
-          type="checkbox"
-          value="apple"
-        />
-        <span
-          className="sdc-checkbox__label"
-        >
-          apple
-        </span>
-      </label>
-    </div>
-  </div>
-  <div
-    className="checkbox-item"
-  >
-    <div
-      className="sdc-checkbox "
-    >
-      <label>
-        <input
-          checked={false}
-          className="sdc-checkbox__input"
-          data-test-id="banana"
-          disabled={true}
-          name={undefined}
-          onChange={[Function]}
-          type="checkbox"
-          value="banana"
-        />
-        <span
-          className="sdc-checkbox__label"
-        >
-          banana
-        </span>
-      </label>
-    </div>
-  </div>
-  <div
-    className="checkbox-item"
-  >
-    <div
-      className="sdc-checkbox "
-    >
-      <label>
-        <input
-          checked={false}
-          className="sdc-checkbox__input"
-          data-test-id="orange"
-          disabled={undefined}
-          name={undefined}
-          onChange={[Function]}
-          type="checkbox"
-          value="orange"
-        />
-        <span
-          className="sdc-checkbox__label"
-        >
-          orange
-        </span>
-      </label>
-    </div>
-  </div>
-</div>
-`;
diff --git a/test/react/__snapshots__/Input.spec.js.snap b/test/react/__snapshots__/Input.spec.js.snap
deleted file mode 100644
index 62c3e2e..0000000
--- a/test/react/__snapshots__/Input.spec.js.snap
+++ /dev/null
@@ -1,179 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Input Input - default 1`] = `
-<div
-  className="sdc-input "
->
-  <label
-    className="sdc-input__label  "
-    htmlFor="clickme"
-  >
-    label for input
-  </label>
-  <input
-    className="sdc-input__input  "
-    data-test-id={undefined}
-    disabled={false}
-    id="clickme"
-    name="clickme"
-    onBlur={[Function]}
-    onChange={[Function]}
-    onKeyDown={[Function]}
-    placeholder={undefined}
-    readOnly={false}
-    type="text"
-    value={undefined}
-  />
-</div>
-`;
-
-exports[`Input Input - error 1`] = `
-<div
-  className="sdc-input "
->
-  <label
-    className="sdc-input__label  "
-    htmlFor="clickme"
-  >
-    label for input
-  </label>
-  <input
-    className="sdc-input__input error "
-    data-test-id={undefined}
-    disabled={false}
-    id="clickme"
-    name="clickme"
-    onBlur={[Function]}
-    onChange={[Function]}
-    onKeyDown={[Function]}
-    placeholder={undefined}
-    readOnly={false}
-    type="text"
-    value={undefined}
-  />
-  <div
-    className="sdc-label__error"
-  >
-    <div
-      className="svg-icon-wrapper   __negative  right"
-      disabled={undefined}
-      onClick={undefined}
-    >
-      <svg />
-      <span
-        className="svg-icon-label "
-      >
-        this is an error
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Input Input - number 1`] = `
-<div
-  className="sdc-input "
->
-  <label
-    className="sdc-input__label  "
-    htmlFor="clickme"
-  >
-    label for input
-  </label>
-  <input
-    className="sdc-input__input  "
-    data-test-id={undefined}
-    disabled={false}
-    id="clickme"
-    name="clickme"
-    onBlur={[Function]}
-    onChange={[Function]}
-    onKeyDown={[Function]}
-    placeholder={undefined}
-    readOnly={false}
-    type="number"
-    value={undefined}
-  />
-</div>
-`;
-
-exports[`Input Input - placeholder 1`] = `
-<div
-  className="sdc-input "
->
-  <label
-    className="sdc-input__label  "
-    htmlFor="clickme"
-  >
-    label for input
-  </label>
-  <input
-    className="sdc-input__input  "
-    data-test-id={undefined}
-    disabled={false}
-    id="clickme"
-    name="clickme"
-    onBlur={[Function]}
-    onChange={[Function]}
-    onKeyDown={[Function]}
-    placeholder="hint"
-    readOnly={false}
-    type="text"
-    value={undefined}
-  />
-</div>
-`;
-
-exports[`Input Input - readonly 1`] = `
-<div
-  className="sdc-input "
->
-  <label
-    className="sdc-input__label view-only "
-    htmlFor="clickme"
-  >
-    label for input
-  </label>
-  <input
-    className="sdc-input__input  view-only"
-    data-test-id={undefined}
-    disabled={false}
-    id="clickme"
-    name="clickme"
-    onBlur={[Function]}
-    onChange={[Function]}
-    onKeyDown={[Function]}
-    placeholder={undefined}
-    readOnly={true}
-    type="text"
-    value={undefined}
-  />
-</div>
-`;
-
-exports[`Input Input - required 1`] = `
-<div
-  className="sdc-input "
->
-  <label
-    className="sdc-input__label  "
-    htmlFor="clickme"
-  >
-    label for input
-  </label>
-  <input
-    className="sdc-input__input  "
-    data-test-id={undefined}
-    disabled={false}
-    id="clickme"
-    name="clickme"
-    onBlur={[Function]}
-    onChange={[Function]}
-    onKeyDown={[Function]}
-    placeholder={undefined}
-    readOnly={false}
-    type="text"
-    value={undefined}
-  />
-</div>
-`;
diff --git a/test/react/__snapshots__/Modal.spec.js.snap b/test/react/__snapshots__/Modal.spec.js.snap
deleted file mode 100644
index c22da8d..0000000
--- a/test/react/__snapshots__/Modal.spec.js.snap
+++ /dev/null
@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Modal alert modal 1`] = `"<div><div class=\\"sdc-modal sm\\"><div class=\\"sdc-modal__wrapper sdc-modal-type-alert\\"><div class=\\"sdc-alert__header sdc-modal__header\\"><div class=\\"svg-icon-wrapper sdc-modal__icon sdc-modal__svg-use   bottom\\"><svg></svg><!-- react-text: 7 --><!-- /react-text --></div><div class=\\"title \\">Title</div><div class=\\"svg-icon-wrapper sdc-modal__close-button-svg sdc-modal__close-button   bottom\\"><svg></svg><!-- react-text: 11 --><!-- /react-text --></div></div><div class=\\"sdc-modal__content \\">Message</div><div class=\\"sdc-modal__footer\\"><div><button class=\\"sdc-button sdc-button__primary   \\">Ok</button></div></div></div></div><div class=\\"modal-background\\"></div></div>"`;
-
-exports[`Modal custom modal 1`] = `"<div><div class=\\"sdc-modal md\\"><div class=\\"sdc-modal__wrapper sdc-modal-type-custom\\"><div class=\\"sdc-custom__header sdc-modal__header\\"><div class=\\"title \\">Title</div><div class=\\"svg-icon-wrapper sdc-modal__close-button-svg sdc-modal__close-button   bottom\\"><svg></svg><!-- react-text: 8 --><!-- /react-text --></div></div><div class=\\"sdc-modal__content \\">Message</div><div class=\\"sdc-modal__footer\\"><div><button class=\\"sdc-button sdc-button__primary   \\">Ok</button><button class=\\"sdc-button sdc-button__secondary   \\">Close</button></div></div></div></div><div class=\\"modal-background\\"></div></div>"`;
-
-exports[`Modal standard modal - not displayed 1`] = `"<div></div>"`;
-
-exports[`Modal standard modal 1`] = `"<div><div class=\\"sdc-modal sm\\"><div class=\\"sdc-modal__wrapper sdc-modal-type-info\\"><div class=\\"sdc-info__header sdc-modal__header\\"><div class=\\"svg-icon-wrapper sdc-modal__icon sdc-modal__svg-use   bottom\\"><svg></svg><!-- react-text: 7 --><!-- /react-text --></div><div class=\\"title \\">Standard Modal</div><div class=\\"svg-icon-wrapper sdc-modal__close-button-svg sdc-modal__close-button   bottom\\"><svg></svg><!-- react-text: 11 --><!-- /react-text --></div></div><div class=\\"sdc-modal__content \\">Message</div><div class=\\"sdc-modal__footer\\"><div><button class=\\"sdc-button sdc-button__primary   \\">Yes</button><button class=\\"sdc-button sdc-button__secondary   \\">Close</button></div></div></div></div><div class=\\"modal-background\\"></div></div>"`;
diff --git a/test/react/__snapshots__/ModalBody.spec.js.snap b/test/react/__snapshots__/ModalBody.spec.js.snap
deleted file mode 100644
index d0fda4d..0000000
--- a/test/react/__snapshots__/ModalBody.spec.js.snap
+++ /dev/null
@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ModalBody basic test 1`] = `
-<div
-  className="sdc-modal__content "
-/>
-`;
diff --git a/test/react/__snapshots__/ModalFooter.spec.js.snap b/test/react/__snapshots__/ModalFooter.spec.js.snap
deleted file mode 100644
index ee98355..0000000
--- a/test/react/__snapshots__/ModalFooter.spec.js.snap
+++ /dev/null
@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ModalFooter basic test 1`] = `
-<div
-  className="sdc-modal__footer"
->
-  <div>
-    <button
-      className="sdc-button sdc-button__primary   "
-      disabled={false}
-      onClick={undefined}
-    >
-      Ok
-    </button>
-  </div>
-</div>
-`;
diff --git a/test/react/__snapshots__/ModalHeader.spec.js.snap b/test/react/__snapshots__/ModalHeader.spec.js.snap
deleted file mode 100644
index 8559925..0000000
--- a/test/react/__snapshots__/ModalHeader.spec.js.snap
+++ /dev/null
@@ -1,24 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ModalHeader basic test 1`] = `
-<div
-  className="sdc-info__header sdc-modal__header"
->
-  <div
-    className="svg-icon-wrapper sdc-modal__icon sdc-modal__svg-use   bottom"
-    disabled={undefined}
-    onClick={undefined}
-  >
-    <svg />
-    
-  </div>
-  <div
-    className="svg-icon-wrapper sdc-modal__close-button-svg sdc-modal__close-button   bottom"
-    disabled={undefined}
-    onClick={undefined}
-  >
-    <svg />
-    
-  </div>
-</div>
-`;
diff --git a/test/react/__snapshots__/ModalTitle.spec.js.snap b/test/react/__snapshots__/ModalTitle.spec.js.snap
deleted file mode 100644
index 69a7734..0000000
--- a/test/react/__snapshots__/ModalTitle.spec.js.snap
+++ /dev/null
@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ModalTitle basic test 1`] = `
-<div
-  className="title "
->
-  Title
-</div>
-`;
diff --git a/test/react/__snapshots__/Panel.spec.js.snap b/test/react/__snapshots__/Panel.spec.js.snap
deleted file mode 100644
index b31dda7..0000000
--- a/test/react/__snapshots__/Panel.spec.js.snap
+++ /dev/null
@@ -1,9 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Panel Panel - Default 1`] = `
-<div
-  className="sdc-panel "
->
-  Panel
-</div>
-`;
diff --git a/test/react/__snapshots__/PopupMenu.spec.js.snap b/test/react/__snapshots__/PopupMenu.spec.js.snap
deleted file mode 100644
index 7a9060f..0000000
--- a/test/react/__snapshots__/PopupMenu.spec.js.snap
+++ /dev/null
@@ -1,26 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PopupMenu check relative menu rendered 1`] = `
-<ul
-  className="sdc-menu-list relative"
-  style={
-    Object {
-      "left": 10,
-      "top": 10,
-    }
-  }
-/>
-`;
-
-exports[`PopupMenu check separator rendered 1`] = `
-<li
-  className="separator"
-/>
-`;
-
-exports[`PopupMenu check static menu rendered 1`] = `
-<ul
-  className="sdc-menu-list "
-  style={Object {}}
-/>
-`;
diff --git a/test/react/__snapshots__/PopupMenuItem.spec.js.snap b/test/react/__snapshots__/PopupMenuItem.spec.js.snap
deleted file mode 100644
index 3334afb..0000000
--- a/test/react/__snapshots__/PopupMenuItem.spec.js.snap
+++ /dev/null
@@ -1,19 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PopupMenuItem check disabled 1`] = `
-<li
-  className="sdc-menu-item disabled"
-  onClick={[Function]}
->
-  item 2
-</li>
-`;
-
-exports[`PopupMenuItem check selected 1`] = `
-<li
-  className="sdc-menu-item selected"
-  onClick={[Function]}
->
-  item 1
-</li>
-`;
diff --git a/test/react/__snapshots__/Radio.spec.js.snap b/test/react/__snapshots__/Radio.spec.js.snap
deleted file mode 100644
index a878d3a..0000000
--- a/test/react/__snapshots__/Radio.spec.js.snap
+++ /dev/null
@@ -1,49 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Radio Radio - disabled 1`] = `
-<div
-  className="sdc-radio "
->
-  <label>
-    <input
-      checked={false}
-      className="sdc-radio__input"
-      data-test-id={undefined}
-      disabled={true}
-      name="grp2"
-      onChange={[Function]}
-      type="radio"
-      value="1"
-    />
-    <span
-      className="sdc-radio__label"
-    >
-      This is the radio label
-    </span>
-  </label>
-</div>
-`;
-
-exports[`Radio Radio - unchecked 1`] = `
-<div
-  className="sdc-radio "
->
-  <label>
-    <input
-      checked={false}
-      className="sdc-radio__input"
-      data-test-id={undefined}
-      disabled={undefined}
-      name="grp4"
-      onChange={[Function]}
-      type="radio"
-      value="1"
-    />
-    <span
-      className="sdc-radio__label"
-    >
-      This is the radio label
-    </span>
-  </label>
-</div>
-`;
diff --git a/test/react/__snapshots__/RadioGroup.spec.js.snap b/test/react/__snapshots__/RadioGroup.spec.js.snap
deleted file mode 100644
index caf729d..0000000
--- a/test/react/__snapshots__/RadioGroup.spec.js.snap
+++ /dev/null
@@ -1,60 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`RadioGroup RadioGroup - basic rendering 1`] = `
-<div
-  className="sdc-radio-group "
-  data-test-id="grp1"
->
-  <label
-    className="sdc-radio-group__legend"
-  >
-    Group A
-  </label>
-  <div
-    className="sdc-radio-group__radios"
-  >
-    <div
-      className="sdc-radio "
-    >
-      <label>
-        <input
-          checked={true}
-          className="sdc-radio__input"
-          data-test-id="grp1_1"
-          disabled={undefined}
-          name="grp1"
-          onChange={[Function]}
-          type="radio"
-          value="1"
-        />
-        <span
-          className="sdc-radio__label"
-        >
-          option 1
-        </span>
-      </label>
-    </div>
-    <div
-      className="sdc-radio "
-    >
-      <label>
-        <input
-          checked={false}
-          className="sdc-radio__input"
-          data-test-id="grp1_2"
-          disabled={undefined}
-          name="grp1"
-          onChange={[Function]}
-          type="radio"
-          value="2"
-        />
-        <span
-          className="sdc-radio__label"
-        >
-          option 2
-        </span>
-      </label>
-    </div>
-  </div>
-</div>
-`;
diff --git a/test/react/__snapshots__/Tabs.spec.js.snap b/test/react/__snapshots__/Tabs.spec.js.snap
deleted file mode 100644
index 9a4d0a1..0000000
--- a/test/react/__snapshots__/Tabs.spec.js.snap
+++ /dev/null
@@ -1,52 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tabs Tabs - basic rendering 1`] = `
-<form>
-  <fieldset
-    disabled={false}
-  >
-    <div
-      className="sdc-tabs sdc-tabs-menu "
-    >
-      <ul
-        className="sdc-tabs-list"
-        role="tablist"
-      >
-        <li
-          className="sdc-tab sdc-tab-active "
-          data-test-id="1"
-          disabled={undefined}
-          onClick={[Function]}
-          role="tab"
-        >
-          tab 1
-        </li>
-        <li
-          className="sdc-tab  "
-          data-test-id="2"
-          disabled={undefined}
-          onClick={[Function]}
-          role="tab"
-        >
-          tab 2
-        </li>
-        <li
-          className="sdc-tab  "
-          data-test-id="3"
-          disabled={undefined}
-          onClick={[Function]}
-          role="tab"
-        >
-          tab 3
-        </li>
-      </ul>
-      <div
-        className="sdc-tab-content"
-        role="tabpanel"
-      >
-        Tab #1
-      </div>
-    </div>
-  </fieldset>
-</form>
-`;
diff --git a/test/react/__snapshots__/Tile.spec.js.snap b/test/react/__snapshots__/Tile.spec.js.snap
deleted file mode 100644
index e38ffa2..0000000
--- a/test/react/__snapshots__/Tile.spec.js.snap
+++ /dev/null
@@ -1,108 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tile Empty tile 1`] = `
-<div
-  className="sdc-tile "
-  data-test-id={undefined}
-  onClick={undefined}
->
-  <div
-    className="sdc-tile-header "
-  />
-  <div
-    className="sdc-tile-content"
-  >
-    <div
-      className="sdc-tile-content-icon "
-    />
-  </div>
-</div>
-`;
-
-exports[`Tile Tile with content info 1`] = `
-<div
-  className="sdc-tile "
-  data-test-id={undefined}
-  onClick={undefined}
->
-  <div
-    className="sdc-tile-header "
-  />
-  <div
-    className="sdc-tile-content"
-  >
-    <div
-      className="sdc-tile-content-icon "
-    />
-    <div
-      className="sdc-tile-content-info centered"
-    >
-      <div
-        className="sdc-tile-info-line title "
-        data-test-id={undefined}
-      >
-        Info
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Tile Tile with footer 1`] = `
-<div
-  className="sdc-tile "
-  data-test-id={undefined}
-  onClick={undefined}
->
-  <div
-    className="sdc-tile-header "
-  />
-  <div
-    className="sdc-tile-content"
-  >
-    <div
-      className="sdc-tile-content-icon "
-    />
-  </div>
-  <div
-    className="sdc-tile-footer centered"
-  >
-    <span
-      className="sdc-tile-footer-cell "
-      data-test-id={undefined}
-    >
-      Footer
-    </span>
-  </div>
-</div>
-`;
-
-exports[`Tile Tile with props 1`] = `
-<div
-  className="sdc-tile "
-  data-test-id={undefined}
-  onClick={undefined}
->
-  <div
-    className="sdc-tile-header blue"
-  >
-    header
-  </div>
-  <div
-    className="sdc-tile-content"
-  >
-    <div
-      className="sdc-tile-content-icon blue"
-    >
-      <div
-        className="svg-icon-wrapper     bottom"
-        disabled={undefined}
-        onClick={undefined}
-      >
-        <svg />
-        
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/test/react/utils/htmlLoader.js b/test/react/utils/htmlLoader.js
deleted file mode 100644
index fbdfbd8..0000000
--- a/test/react/utils/htmlLoader.js
+++ /dev/null
@@ -1,7 +0,0 @@
-const htmlLoader = require('html-loader');
-
-module.exports = {
-	process(src) {
-		return htmlLoader(src);
-	}
-};
diff --git a/test/react/utils/svgMock.js b/test/react/utils/svgMock.js
deleted file mode 100644
index 2d6ed81..0000000
--- a/test/react/utils/svgMock.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import React from 'react';
-
-module.exports = () => <svg />;
\ No newline at end of file