@shined/reactive/src/react/create-with-hooks.spec.ts

⚛️ Proxy-driven state library for JavaScript application, Intuitive, Flexible and Written in TypeScript.

import { renderHook } from '@testing-library/react'
import { describe, expect, it } from 'vitest'

import { createWithHooks } from './create-with-hooks.js'

describe('createWithHooks', () => {
  it('should be defined', () => {
    expect(createWithHooks).toBeDefined()
  })

  it('should return a store with the useSnapshot function', () => {
    const initState = { count: 0 }
    const store = createWithHooks(initState)
    expect(store.useSnapshot).toBeDefined()
  })

  it('should return snapshot state', () => {
    const initState = { count: 0 }
    const store = createWithHooks(initState)
    const { result } = renderHook(() => store.useSnapshot())
    expect(result.current).toEqual(initState)
  })

  it('should return proper snapshot state', () => {
    const initState = { count: 0 }
    const store = createWithHooks(initState)
    const { result } = renderHook(() => store.useSnapshot((s) => s.count))
    expect(result.current).toEqual(initState.count)
  })

  it('should return proper snapshot state', () => {
    const initState = { count: 0 }
    const store = createWithHooks(initState)
    const { result } = renderHook(() => store.useSnapshot({ sync: true }))
    expect(result.current).toEqual(initState)
  })

  it('should return proper snapshot state', () => {
    const initState = { count: 0 }
    const store = createWithHooks(initState)
    const { result } = renderHook(() => store.useSnapshot(undefined, { sync: true }))
    expect(result.current).toEqual(initState)
  })

  it('should return proper snapshot state', () => {
    const initState = { count: 0 }
    const store = createWithHooks(initState)
    const { result } = renderHook(() => store.useSnapshot((s) => s.count, { sync: true }))
    expect(result.current).toEqual(initState.count)
  })
})