📸 Add Snapshot for ReloadInfo

src/components/ReloadInfo.test.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import { render } from '@testing-library/react'
+import { ReloadInfo } from './index'
+
+describe('ReloadInfo', function () {
+  beforeAll(function () {
+    localStorage.removeItem('showReloadInfo')
+  })
+
+  test('renders correctly', function () {
+    const { asFragment } = render(<ReloadInfo />)
+
+    expect(asFragment()).toMatchSnapshot()
+  })
+
+  test('not renders if dismissed', function () {
+    localStorage.setItem('showReloadInfo', '0')
+    const { asFragment } = render(<ReloadInfo />)
+
+    expect(asFragment()).toMatchSnapshot()
+  })
+})

src/components/__snapshots__/ReloadInfo.test.tsx.snap

@@ -0,0 +1,59 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ReloadInfo not renders if dismissed 1`] = `
+<DocumentFragment>
+  <div
+    class="ui teal hidden icon message"
+  >
+    <i
+      aria-hidden="true"
+      class="close icon"
+    />
+    <i
+      aria-hidden="true"
+      class="info icon"
+    />
+    <div
+      class="content"
+    >
+      <div
+        class="header"
+      >
+        Information
+      </div>
+      <p>
+        The messages update automatically. There is no need to reload the entire page.
+      </p>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ReloadInfo renders correctly 1`] = `
+<DocumentFragment>
+  <div
+    class="ui teal icon message"
+  >
+    <i
+      aria-hidden="true"
+      class="close icon"
+    />
+    <i
+      aria-hidden="true"
+      class="info icon"
+    />
+    <div
+      class="content"
+    >
+      <div
+        class="header"
+      >
+        Information
+      </div>
+      <p>
+        The messages update automatically. There is no need to reload the entire page.
+      </p>
+    </div>
+  </div>
+</DocumentFragment>
+`;