Tests for Text rendering component

jest/setup.js

@@ -6,3 +6,5 @@ Enzyme.configure({ adapter: new Adapter() });
 global.___loader = {
   enqueue: jest.fn()
 };
+
+global.Element.prototype.getBBox = jest.fn();

src/rendering/Text/__snapshots__/test.js.snap

@@ -0,0 +1,92 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Text layout 1`] = `
+Object {
+  "box": Object {
+    "height": 20,
+    "width": 100,
+  },
+  "children": Array [
+    "Example content",
+  ],
+  "props": Object {
+    "property": "example",
+    "transform": "translate(0 -18)",
+  },
+  "type": "Text",
+}
+`;
+
+exports[`Text positioning text 1`] = `
+<text
+  style={
+    Object {
+      "fontFamily": "Arial",
+      "fontSize": "16px",
+    }
+  }
+  transform="translate(1 2)"
+>
+  Example
+</text>
+`;
+
+exports[`Text rendering 1`] = `
+<text
+  style={
+    Object {
+      "fontFamily": "Arial",
+      "fontSize": "16px",
+    }
+  }
+>
+  Example
+</text>
+`;
+
+exports[`Text rendering quoted text 1`] = `
+<text
+  style={
+    Object {
+      "fontFamily": "Arial",
+      "fontSize": "16px",
+    }
+  }
+>
+  <tspan
+    style={
+      Object {
+        "fill": "#908c83",
+      }
+    }
+  >
+    “
+  </tspan>
+  <tspan>
+    Example
+  </tspan>
+  <tspan
+    style={
+      Object {
+        "fill": "#908c83",
+      }
+    }
+  >
+    ”
+  </tspan>
+</text>
+`;
+
+exports[`Text rendering with a theme 1`] = `
+<text
+  style={
+    Object {
+      "fill": "#fff",
+      "fontFamily": "Arial",
+      "fontSize": "16px",
+    }
+  }
+>
+  Example
+</text>
+`;

src/rendering/Text/test.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+
+import Text, { layout } from 'rendering/Text';
+
+describe('Text', () => {
+  test('rendering', () => {
+    const component = shallow(
+      <Text>Example</Text>
+    );
+    expect(component).toMatchSnapshot();
+  });
+
+  test('positioning text', () => {
+    const component = shallow(
+      <Text transform="translate(1 2)">Example</Text>
+    );
+    expect(component).toMatchSnapshot();
+  });
+
+  test('rendering with a theme', () => {
+    const component = shallow(
+      <Text theme="anchor">Example</Text>
+    );
+    expect(component).toMatchSnapshot();
+  });
+
+  test('rendering quoted text', () => {
+    const component = shallow(
+      <Text quoted={ true }>Example</Text>
+    );
+    expect(component).toMatchSnapshot();
+  });
+
+  test('layout', () => {
+    global.Element.prototype.getBBox.mockReturnValue({
+      width: 100,
+      height: 20,
+      y: 18
+    });
+
+    const processed = layout({
+      type: 'Text',
+      props: {
+        property: 'example'
+      },
+      children: [
+        'Example content'
+      ]
+    });
+    expect(processed).toMatchSnapshot();
+  });
+});