Add glossaryitem tests and update snapshots

Author: Dom Harrington

packages/api-explorer/__tests__/GlossaryItem.test.jsx

@@ -0,0 +1,27 @@
+const React = require('react');
+const { shallow } = require('enzyme');
+
+const GlossaryItem = require('../src/GlossaryItem');
+
+test('should output a glossary item if the term exists', () => {
+  const term = 'acme';
+  const definition = 'This is a definition';
+  const glossaryItem = shallow(
+    <GlossaryItem
+      term={term}
+      terms={[{ term, definition }]}
+    />,
+  );
+
+  expect(glossaryItem.find('.glossary-item.highlight').text()).toBe(term);
+  expect(glossaryItem.find('.tooltip-content-body').text()).toBe(`- ${term} - ${definition}`);
+});
+
+test('should output nothing if the term does not exist', () => {
+  expect(shallow(
+    <GlossaryItem
+      term="something"
+      terms={[]}
+    />,
+  ).html()).toBe(null);
+});

packages/api-explorer/__tests__/block-types/TextArea.test.jsx

@@ -9,6 +9,6 @@ describe('TextArea', () => {
       text: 'this is text',
     };
     const textArea = shallow(<TextArea block={block} />);
-    expect(textArea.text()).toBe(block.text);
+    expect(textArea.find('p').text()).toBe(block.text);
   });
 });

packages/api-explorer/__tests__/block-types/__snapshots__/CallOut.test.jsx.snap

@@ -1,8 +1,8 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`should render body 1`] = `"<div><p>body</p></div>"`;
+exports[`should render body 1`] = `"<p>body</p>"`;
 
 exports[`should render markdown in body 1`] = `
-"<div><h1 class=\\"header-scroll\\"><div class=\\"anchor waypoint\\" id=\\"section-heading\\"></div>heading<a class=\\"fa fa-anchor\\" href=\\"#section-heading\\"></a></h1>
-<p><code><span class=\\"cm-s-neo\\">test</span></code></p></div>"
+"<h1 class=\\"header-scroll\\"><div class=\\"anchor waypoint\\" id=\\"section-heading\\"></div>heading<a class=\\"fa fa-anchor\\" href=\\"#section-heading\\"></a></h1>
+<p><code><span class=\\"cm-s-neo\\">test</span></code></p>"
 `;