[Uptime] Refactor snapshots into RTL (elastic#113727)

x-pack/plugins/uptime/public/components/certificates/fingerprint_col.test.tsx

@@ -6,28 +6,29 @@
  */
 
 import React from 'react';
-import { renderWithRouter, shallowWithRouter } from '../../lib';
-import { FingerprintCol } from './fingerprint_col';
 import moment from 'moment';
+import { FingerprintCol } from './fingerprint_col';
+import { render } from '../../lib/helper/rtl_helpers';
 
 describe('FingerprintCol', () => {
   const cert = {
     monitors: [{ name: '', id: 'github', url: 'https://github.com/' }],
     not_after: '2020-05-08T00:00:00.000Z',
     not_before: '2018-05-08T00:00:00.000Z',
     issuer: 'DigiCert SHA2 Extended Validation Server CA',
-    sha1: 'ca06f56b258b7a0d4f2b05470939478651151984',
-    sha256: '3111500c4a66012cdae333ec3fca1c9dde45c954440e7ee413716bff3663c074',
+    sha1: 'ca06f56b258b7a0d4f2b05470939478651151984'.toUpperCase(),
+    sha256: '3111500c4a66012cdae333ec3fca1c9dde45c954440e7ee413716bff3663c074'.toUpperCase(),
     common_name: 'github.com',
   };
 
-  it('shallow renders expected elements for valid props', () => {
-    expect(shallowWithRouter(<FingerprintCol cert={cert} />)).toMatchSnapshot();
-  });
-
-  it('renders expected elements for valid props', () => {
+  it('renders expected elements for valid props', async () => {
     cert.not_after = moment().add('4', 'months').toISOString();
+    const { findByText, findByTestId } = render(<FingerprintCol cert={cert} />);
+
+    expect(await findByText('SHA 1')).toBeInTheDocument();
+    expect(await findByText('SHA 256')).toBeInTheDocument();
 
-    expect(renderWithRouter(<FingerprintCol cert={cert} />)).toMatchSnapshot();
+    expect(await findByTestId(cert.sha1)).toBeInTheDocument();
+    expect(await findByTestId(cert.sha256)).toBeInTheDocument();
   });
 });