SONAR-20254 Migrate FormattingHelp test to RTL

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 2c28f225e8e40c9953498c4d35b16fc289491c12..95adf4c234f31fdbcf8caa38c8093c3d4df75a61 100644 (file)
--- 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 (file)
index 723d6dc..0000000
--- 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>
-`;