chores(__tests__): enhance folder structure for tests & harden error …

…state tests

__tests__/__snapshots__/useMetamask.test.tsx.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`useMetamask should match empty state & no metamask 1`] = `<div />`;
+exports[`useMetamask should match empty state & no metamask installed 1`] = `<div />`;

__utils__/index.ts → __tests__/__utils__/index.ts

@@ -1,5 +1,7 @@
 import { act } from "@testing-library/react"
-import { Metamask } from "../lib/shared"
+import { Metamask } from "../../lib/shared"
+
+import { ACCOUNTS } from "./constans"
 
 export const waitForUseEffect = async (node) => {
   return act(async () => {
@@ -10,9 +12,11 @@ export const waitForUseEffect = async (node) => {
 export function exposeMetamask(metamaskEth: {
   request?: Metamask["request"]
   on?: Metamask["on"]
+  selectedAddress?: string
+  isMetaMask?: boolean
 }) {
   const metamask = {
-    selectedAddress: "ADDRESS",
+    selectedAddress: null,
     isMetaMask: true,
     removeListener: jest.fn(),
     on: jest.fn(),

__tests__/useMetamask.test.tsx

@@ -1,11 +1,12 @@
 import * as React from "react"
 import { act, render, RenderResult } from "@testing-library/react"
 
+import { ERRORS } from "../lib/utils/constants"
 import { UseMatamaskAPI } from "../lib/shared"
 import { useMetamask } from "../lib/index"
 
-import { ACCOUNTS } from "../__utils__/constans"
-import { exposeMetamask, waitForUseEffect } from "../__utils__"
+import { ACCOUNTS } from "./__utils__/constans"
+import { exposeMetamask, waitForUseEffect } from "./__utils__"
 
 function ExposeHook({
   onRender = (_: UseMatamaskAPI) => {},
@@ -24,18 +25,20 @@ describe("useMetamask", () => {
     jest.clearAllMocks()
   })
 
-  it("should match empty state & no metamask", () => {
+  it("should match empty state & no metamask installed", async () => {
     const expectedState = {
       chainIdDecimal: 0,
       chainId: "0x0",
       metamask: {},
-      error: null,
       formattedBalance: "0.00",
       balance: 0,
+      error: ERRORS.METAMASK_NOT_INSTALLED,
     }
     const onRender = jest.fn()
     node = render(<ExposeHook onRender={onRender} />)
+    await waitForUseEffect(node)
     expect(node.container).toMatchSnapshot()
+    await waitForUseEffect(node)
     expect(onRender).toBeCalledWith(expect.objectContaining(expectedState))
   })