🚨 Add test for TSX

Author: heppokofrontend

test/HTMLCodeBlockElement.test.tsx

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import '../types/global';
+import renderer from 'react-test-renderer';
+
+describe('React', () => {
+  test('Simple', () => {
+    const component = renderer.create(
+        <code-block/>,
+    );
+    const tree = component.toJSON();
+
+    expect(tree).toMatchSnapshot();
+  });
+
+  test('JSON', () => {
+    const component = renderer.create(
+        <code-block language="json">{
+          `{
+            "hoge": 100
+          }`}
+        </code-block>,
+    );
+    const tree = component.toJSON();
+
+    expect(tree).toMatchSnapshot();
+  });
+
+  test('All', () => {
+    const component = renderer.create(
+        <code-block
+          label="hoge"
+          language="js"
+          controls
+        >
+          <textarea><script>
+            const hoge = 100;
+
+            console.log(100);
+          </script></textarea>
+        </code-block>,
+    );
+    const tree = component.toJSON();
+
+    expect(tree).toMatchSnapshot();
+  });
+});

test/__snapshots__/HTMLCodeBlockElement.test.tsx.snap

@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`React All 1`] = `
+<code-block
+  controls={true}
+  label="hoge"
+  language="js"
+>
+  <textarea>
+    <script>
+      const hoge = 100; console.log(100);
+    </script>
+  </textarea>
+</code-block>
+`;
+
+exports[`React JSON 1`] = `
+<code-block
+  language="json"
+>
+  {
+            "hoge": 100
+          }
+</code-block>
+`;
+
+exports[`React Simple 1`] = `<code-block />`;