Skip to main content
Module

x/valtio/tests/macro-vite.test.ts

💊 Valtio makes proxy-state simple for React and Vanilla
pmndrs/valtio
Go to Latest
File
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
import { EnvContext } from '@typed-macro/core'import { createTransformer } from '@typed-macro/runtime'import { valtioMacro } from 'valtio/macro/vite'
const env: EnvContext = {  host: 'test',  packageManager: 'test',  projectPath: [''],  dev: true,  ssr: false,}
it('basic', async () => {  const transform = createTransformer({})  transform.appendMacros('valtio/macro', [valtioMacro])
  expect(    transform.transform(      `import { useProxy } from 'valtio/macro'
const Component = () => {  useProxy(state)  return (    <div>      {state.count}      <button onClick={() => ++state.count}>inc</button>    </div>  )}`,      'test.ts',      env    )  ).toMatchSnapshot()})
it('complex', async () => {  const transform = createTransformer({})  transform.appendMacros('valtio/macro', [valtioMacro])
  expect(    transform.transform(      `import { useProxy } from 'valtio/macro'
const Component = () => {  useProxy(state)  return (    <div>      <button onClick={() => {        ;(() => ++state.count)()        ++state.count      }}>inc</button>      {state.count}    </div>  )}`,      'test.ts',      env    )  ).toMatchSnapshot()})