From 8be8f66ea732f5f4229813deaf2e10cdd30f65c1 Mon Sep 17 00:00:00 2001
From: Vincenzo Scamporlino <me@vinzscam.dev>
Date: Thu, 19 Aug 2021 12:21:56 +0200
Subject: [PATCH] plain-api-definition-widget: remove snapshot testing

Signed-off-by: Vincenzo Scamporlino <me@vinzscam.dev>
---
 .../components/CodeSnippet/CodeSnippet.tsx    |  2 +-
 .../PlainApiDefinitionWidget.test.tsx         |  7 ++-
 .../PlainApiDefinitionWidget.test.tsx.snap    | 62 -------------------
 3 files changed, 6 insertions(+), 65 deletions(-)
 delete mode 100644 plugins/api-docs/src/components/PlainApiDefinitionWidget/__snapshots__/PlainApiDefinitionWidget.test.tsx.snap

diff --git a/packages/core-components/src/components/CodeSnippet/CodeSnippet.tsx b/packages/core-components/src/components/CodeSnippet/CodeSnippet.tsx
index 613dff80a9..a3badaad07 100644
--- a/packages/core-components/src/components/CodeSnippet/CodeSnippet.tsx
+++ b/packages/core-components/src/components/CodeSnippet/CodeSnippet.tsx
@@ -42,7 +42,7 @@ export const CodeSnippet = ({
   const mode = theme.palette.type === 'dark' ? dark : docco;
   const highlightColor = theme.palette.type === 'dark' ? '#256bf3' : '#e6ffed';
   return (
-    <div style={{ position: 'relative' }} data-testid="code-snippet">
+    <div style={{ position: 'relative' }}>
       <SyntaxHighlighter
         customStyle={customStyle}
         language={language}
diff --git a/plugins/api-docs/src/components/PlainApiDefinitionWidget/PlainApiDefinitionWidget.test.tsx b/plugins/api-docs/src/components/PlainApiDefinitionWidget/PlainApiDefinitionWidget.test.tsx
index 89fbed7d79..1600d608fb 100644
--- a/plugins/api-docs/src/components/PlainApiDefinitionWidget/PlainApiDefinitionWidget.test.tsx
+++ b/plugins/api-docs/src/components/PlainApiDefinitionWidget/PlainApiDefinitionWidget.test.tsx
@@ -20,10 +20,13 @@ import { PlainApiDefinitionWidget } from './PlainApiDefinitionWidget';
 
 describe('<PlainApiDefinitionWidget />', () => {
   it('renders plain text', async () => {
-    const { getByTestId } = await renderInTestApp(
+    const { getAllByText } = await renderInTestApp(
       <PlainApiDefinitionWidget definition="Hello World" language="yaml" />,
     );
 
-    expect(getByTestId('code-snippet')).toMatchSnapshot();
+    expect(
+      getAllByText((_text, element) => element?.textContent === 'Hello World')
+        .length,
+    ).toBeGreaterThan(0);
   });
 });
diff --git a/plugins/api-docs/src/components/PlainApiDefinitionWidget/__snapshots__/PlainApiDefinitionWidget.test.tsx.snap b/plugins/api-docs/src/components/PlainApiDefinitionWidget/__snapshots__/PlainApiDefinitionWidget.test.tsx.snap
deleted file mode 100644
index 85f93c65ae..0000000000
--- a/plugins/api-docs/src/components/PlainApiDefinitionWidget/__snapshots__/PlainApiDefinitionWidget.test.tsx.snap
+++ /dev/null
@@ -1,62 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`<PlainApiDefinitionWidget /> renders plain text 1`] = `
-<div
-  data-testid="code-snippet"
-  style="position: relative;"
->
-  <pre
-    style="display: block; overflow-x: auto; padding: 0.5em; color: rgb(0, 0, 0); background: rgb(248, 248, 255);"
-  >
-    <code
-      class="language-yaml"
-      style="white-space: pre;"
-    >
-      <span>
-        <span
-          style="color: rgb(33, 145, 97);"
-        >
-          Hello
-        </span>
-        <span>
-           
-        </span>
-        <span
-          style="color: rgb(33, 145, 97);"
-        >
-          World
-        </span>
-      </span>
-    </code>
-  </pre>
-  <div
-    style="position: absolute; top: 0px; right: 0px;"
-  >
-    <button
-      class="MuiButtonBase-root MuiIconButton-root"
-      tabindex="0"
-      title="Text copied to clipboard"
-      type="button"
-    >
-      <span
-        class="MuiIconButton-label"
-      >
-        <svg
-          aria-hidden="true"
-          class="MuiSvgIcon-root"
-          data-testid="copy-button"
-          focusable="false"
-          viewBox="0 0 24 24"
-        >
-          <path
-            d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm-1 4l6 6v10c0 1.1-.9 2-2 2H7.99C6.89 23 6 22.1 6 21l.01-14c0-1.1.89-2 1.99-2h7zm-1 7h5.5L14 6.5V12z"
-          />
-        </svg>
-      </span>
-      <span
-        class="MuiTouchRipple-root"
-      />
-    </button>
-  </div>
-</div>
-`;