From 51242baf5939629b757eb428e22cc78417f6b283 Mon Sep 17 00:00:00 2001
From: Jeremy Davis <jeremy.davis@sonarsource.com>
Date: Wed, 30 Aug 2023 14:16:43 +0200
Subject: [PATCH] SONAR-20254 Migrate FormattingHelp test to RTL

---
 .../__tests__/FormattingHelp-test.tsx         |   7 +-
 .../FormattingHelp-test.tsx.snap              | 226 ------------------
 2 files changed, 5 insertions(+), 228 deletions(-)
 delete mode 100644 server/sonar-web/src/main/js/app/components/__tests__/__snapshots__/FormattingHelp-test.tsx.snap

diff --git a/server/sonar-web/src/main/js/app/components/__tests__/FormattingHelp-test.tsx b/server/sonar-web/src/main/js/app/components/__tests__/FormattingHelp-test.tsx
index 2c28f225e8e..95adf4c234f 100644
--- a/server/sonar-web/src/main/js/app/components/__tests__/FormattingHelp-test.tsx
+++ b/server/sonar-web/src/main/js/app/components/__tests__/FormattingHelp-test.tsx
@@ -17,10 +17,13 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
-import { shallow } from 'enzyme';
 import * as React from 'react';
+import { renderComponent } from '../../../helpers/testReactTestingUtils';
+import { byRole } from '../../../helpers/testSelector';
 import FormattingHelp from '../FormattingHelp';
 
 it('should render correctly', () => {
-  expect(shallow(<FormattingHelp />)).toMatchSnapshot();
+  renderComponent(<FormattingHelp />);
+
+  expect(byRole('row').getAll()).toHaveLength(10);
 });
diff --git a/server/sonar-web/src/main/js/app/components/__tests__/__snapshots__/FormattingHelp-test.tsx.snap b/server/sonar-web/src/main/js/app/components/__tests__/__snapshots__/FormattingHelp-test.tsx.snap
deleted file mode 100644
index 723d6dc652c..00000000000
--- a/server/sonar-web/src/main/js/app/components/__tests__/__snapshots__/FormattingHelp-test.tsx.snap
+++ /dev/null
@@ -1,226 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`should render correctly 1`] = `
-<div
-  className="page page-limited"
->
-  <Helmet
-    defer={false}
-    encodeSpecialCharacters={true}
-    prioritizeSeoTags={false}
-    title="formatting.page"
-  />
-  <h2
-    className="spacer-bottom"
-  >
-    Formatting Syntax
-  </h2>
-  <table
-    className="width-100 data zebra"
-  >
-    <thead>
-      <tr>
-        <th>
-          Write:
-        </th>
-        <th>
-          To display:
-        </th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>
-          *this text is bold*
-        </td>
-        <td
-          className="markdown"
-        >
-          <strong>
-            this text is bold
-          </strong>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          https://sonarqube.org
-        </td>
-        <td
-          className="markdown"
-        >
-          <a
-            href="https://sonarqube.org"
-          >
-            https://sonarqube.org
-          </a>
-        </td>
-      </tr>
-      <tr>
-        <td
-          className="text-top"
-        >
-          [SonarQube™ Home Page](https://www.sonarqube.org)
-        </td>
-        <td
-          className="markdown text-top"
-        >
-          <a
-            href="https://www.sonarqube.org"
-          >
-            SonarQube™ Home Page
-          </a>
-        </td>
-      </tr>
-      <tr>
-        <td
-          className="text-top"
-        >
-          * first item
-          <br />
-          * second item
-        </td>
-        <td
-          className="markdown"
-        >
-          <ul>
-            <li>
-              first item
-            </li>
-            <li>
-              second item
-            </li>
-          </ul>
-        </td>
-      </tr>
-      <tr>
-        <td
-          className="text-top"
-        >
-          1. first item
-          <br />
-          1. second item
-        </td>
-        <td
-          className="markdown text-top"
-        >
-          <ol>
-            <li>
-              first item
-            </li>
-            <li>
-              second item
-            </li>
-          </ol>
-        </td>
-      </tr>
-      <tr>
-        <td
-          className="text-top"
-        >
-          = Heading Level 1
-          <br />
-          == Heading Level 2
-          <br />
-          === Heading Level 3
-          <br />
-          ==== Heading Level 4
-          <br />
-          ===== Heading Level 5
-          <br />
-          ====== Heading Level 6
-          <br />
-        </td>
-        <td
-          className="markdown text-top"
-        >
-          <h1>
-            Heading Level 1
-          </h1>
-          <h2>
-            Heading Level 2
-          </h2>
-          <h3>
-            Heading Level 3
-          </h3>
-          <h4>
-            Heading Level 4
-          </h4>
-          <h5>
-            Heading Level 5
-          </h5>
-          <h6>
-            Heading Level 6
-          </h6>
-        </td>
-      </tr>
-      <tr>
-        <td
-          className="text-top"
-        >
-          \`\`Lists#newArrayList()\`\`
-        </td>
-        <td
-          className="markdown text-top"
-        >
-          <code>
-            Lists#newArrayList()
-          </code>
-        </td>
-      </tr>
-      <tr>
-        <td
-          className="text-top"
-        >
-          \`\`
-          <br />
-          // code on multiple lines
-          <br />
-          public void foo() {
-          <br />
-            
-          // do some logic here
-          <br />
-          }
-          <br />
-          \`\`
-        </td>
-        <td
-          className="markdown text-top"
-        >
-          <pre>
-            // code on multiple lines
-public void foo() {
-  // do some logic here
-}
-          </pre>
-        </td>
-      </tr>
-      <tr>
-        <td
-          className="text-top"
-        >
-          Standard text
-          <br />
-          &gt; Blockquoted text
-          <br />
-          &gt; that spans multiple lines
-          <br />
-        </td>
-        <td
-          className="markdown text-top"
-        >
-          <p>
-            Standard text
-          </p>
-          <blockquote>
-            Blockquoted text
-            <br />
-            that spans multiple lines
-            <br />
-          </blockquote>
-        </td>
-      </tr>
-    </tbody>
-  </table>
-</div>
-`;
-- 
2.39.5