1 files changed, 30 insertions, 0 deletions
diff --git a/test/react/Tile.spec.js b/test/react/Tile.spec.js
new file mode 100644
index 0000000..7ce98a8
--- /dev/null
+++ b/test/react/Tile.spec.js
@@ -0,0 +1,30 @@
+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();
+	});
+});