From ca151a6452d427f07594a7cac0068ab4238f0dac Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Sat, 19 Nov 2022 21:01:53 +0000
Subject: [PATCH] fixes

---
 .jest/jest.config.js                          |  4 +++-
 gatsby-ssr.tsx                                |  3 ++-
 src/components/atoms/Changelog.tsx            |  6 ++----
 src/components/molecules/ThemeSwitch.test.tsx | 10 +++++-----
 4 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/.jest/jest.config.js b/.jest/jest.config.js
index 2b65b267..906c213a 100644
--- a/.jest/jest.config.js
+++ b/.jest/jest.config.js
@@ -23,7 +23,9 @@ const esModules = [
   'escape-string-regexp',
   'markdown-table',
   'web-namespaces',
-  '@rainbow-me/rainbowkit'
+  '@rainbow-me/rainbowkit',
+  'wagmi',
+  '@wagmi/core'
 ].join('|')
 
 module.exports = {
diff --git a/gatsby-ssr.tsx b/gatsby-ssr.tsx
index e188d354..182376df 100644
--- a/gatsby-ssr.tsx
+++ b/gatsby-ssr.tsx
@@ -7,6 +7,8 @@ export const wrapPageElement: GatsbySSR['wrapPageElement'] =
   wrapPageElementWithLayout
 
 export const onRenderBody = ({ setPostBodyComponents, setHtmlAttributes }) => {
+  setHtmlAttributes({ lang: 'en' })
+
   const isEnabled = process.env.NODE_ENV === 'production'
 
   if (!isEnabled) {
@@ -18,7 +20,6 @@ export const onRenderBody = ({ setPostBodyComponents, setHtmlAttributes }) => {
     'data-website-id': UMAMI_WEBSITE_ID
   }
 
-  setHtmlAttributes({ lang: 'en' })
   setPostBodyComponents([
     <script key="umami-script" async defer {...umamiOptions} />
   ])
diff --git a/src/components/atoms/Changelog.tsx b/src/components/atoms/Changelog.tsx
index 26950879..590036e3 100644
--- a/src/components/atoms/Changelog.tsx
+++ b/src/components/atoms/Changelog.tsx
@@ -21,13 +21,11 @@ export function PureChangelog({
 }): ReactElement | null {
   const [changelogHtml, setChangelogHtml] = useState()
 
-  const repoFilteredArray = repos
+  const repoMatch = repos
     .map(({ node }) => {
       if (node.name === repo) return node
     })
-    .filter((n: any) => n)
-
-  const repoMatch = repoFilteredArray[0]
+    .filter((n: any) => n)[0]
 
   useEffect(() => {
     if (!(repoMatch?.object as Queries.GitHub_Blob)?.text) return
diff --git a/src/components/molecules/ThemeSwitch.test.tsx b/src/components/molecules/ThemeSwitch.test.tsx
index fd4a4315..eed003ed 100644
--- a/src/components/molecules/ThemeSwitch.test.tsx
+++ b/src/components/molecules/ThemeSwitch.test.tsx
@@ -1,12 +1,12 @@
 import React from 'react'
-import { render, fireEvent } from '@testing-library/react'
+import { render, fireEvent, screen } from '@testing-library/react'
 import ThemeSwitch from './ThemeSwitch'
 
 describe('ThemeSwitch', () => {
-  it('renders correctly', () => {
-    const { container } = render(<ThemeSwitch />)
-    const switchContainer = container.querySelector('aside')
-    expect(switchContainer).toBeInTheDocument()
+  it('renders correctly', async () => {
+    render(<ThemeSwitch />)
+    const element = await screen.findByTitle('Toggle Dark Mode')
+    expect(element).toBeInTheDocument()
   })
 
   it('checkbox can be changed', () => {