#17 Tests for SemanticField, MediaEmbed components

src/components/SemanticField/SemanticField.test.js

@@ -0,0 +1,20 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { render } from '@testing-library/react';
+import { Formik } from 'formik';
+import SemanticField from './SemanticField';
+
+test('renders semantic field', async () => {
+  const { getByRole } = render(
+    <Formik>
+      <SemanticField
+        component="input"
+        type="text"
+      />
+    </Formik>,
+  );
+  const field = getByRole('textbox');
+  expect(field).toBeInTheDocument();
+});

src/components/SlateMediaEmbedElement/SlateMediaEmbedElement.js

@@ -15,6 +15,7 @@ const SlateMediaEmbedElement = ({
             title="embed"
             src={`${url}`}
             frameBorder="0"
+            data-testid="slate-iframe"
           />
         </div>
       </div>

src/components/SlateMediaEmbedElement/SlateMediaEmbedElement.test.js

@@ -0,0 +1,19 @@
+/**
+ * @jest-environment jsdom
+ */
+
+import { render } from '@testing-library/react';
+import { Formik } from 'formik';
+import SlateMediaEmbedElement from './SlateMediaEmbedElement';
+
+test('renders slate media embed element', async () => {
+  const { getByTestId } = render(
+    <Formik>
+      <SlateMediaEmbedElement
+        element={{ url: 'https://www.youtube.com/watch?v=dGxZ4K-J5YE' }}
+      />
+    </Formik>,
+  );
+  const elem = getByTestId('slate-iframe');
+  expect(elem).toBeInTheDocument();
+});