test(react): add useIsomorphicLayoutEffect Test Code (#303)

# Overview fix: #302 ## PR Checklist - [x] I did below actions if need 1. I read the [Contributing Guide](https://github.com/suspensive/react/blob/main/CONTRIBUTING.md) 2. I added documents and tests. --------- Co-authored-by: Jonghyeon Ko <[email protected]>
toss · Nov 6, 2023 · f16c460 · f16c460 · vercel · Nov 6, 2023
1 parent 3fc3249
commit f16c460
Showing 1 changed file with 28 additions and 0 deletions.
diff --git a/packages/react/src/hooks/useIsomorphicLayoutEffect.spec.ts b/packages/react/src/hooks/useIsomorphicLayoutEffect.spec.ts
@@ -0,0 +1,28 @@
+import { useEffect, useLayoutEffect } from 'react'
+import { afterEach, expect, vi } from 'vitest'
+
+describe('useIsomorphicLayoutEffect', () => {
+  const originWindow = global.window
+
+  afterEach(() => {
+    vi.resetModules()
+  })
+
+  it('should be useEffect in server environment', async () => {
+    Object.defineProperty(global, 'window', {
+      value: undefined,
+    })
+
+    const { useIsomorphicLayoutEffect } = await import('./useIsomorphicLayoutEffect')
+    expect(useIsomorphicLayoutEffect).toEqual(useEffect)
+  })
+
+  it('should be useLayoutEffect in client environment', async () => {
+    Object.defineProperty(global, 'window', {
+      value: originWindow,
+    })
+
+    const { useIsomorphicLayoutEffect } = await import('./useIsomorphicLayoutEffect')
+    expect(useIsomorphicLayoutEffect).toEqual(useLayoutEffect)
+  })
+})