Merge pull request #266 from systemli/test_reloadinfo

✅ Add Test for ReloadInfo

src/components/ReloadInfo.test.tsx

@@ -0,0 +1,36 @@
+import React from 'react'
+import { render, screen } from '@testing-library/react'
+import { ReloadInfo } from './index'
+
+describe('ReloadInfo', function () {
+  beforeAll(function () {
+    localStorage.removeItem('showReloadInfo')
+  })
+
+  test('renders correctly', function () {
+    const { container } = render(<ReloadInfo />)
+
+    expect(
+      screen.getByText(
+        'The messages update automatically. There is no need to reload the entire page.'
+      )
+    ).toBeVisible()
+
+    const close = container.querySelector('i.close') as HTMLElement
+    close.click()
+
+    expect(localStorage.getItem('showReloadInfo')).toBe('0')
+  })
+
+  test('not renders if dismissed', function () {
+    localStorage.setItem('showReloadInfo', '0')
+    const { container } = render(<ReloadInfo />)
+
+    expect(
+      screen.getByText(
+        'The messages update automatically. There is no need to reload the entire page.'
+      )
+    ).toBeInTheDocument()
+    expect(container.firstElementChild).toHaveClass('hidden')
+  })
+})