ben-rogerson / twin.macro

๐Ÿฆนโ€โ™‚๏ธ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
MIT License
7.92k stars 183 forks source link

Jest testing (typescript) - twin_macro_1.theme is not a function #842

Open FedericoCasarella opened 10 months ago

FedericoCasarella commented 10 months ago

Hey there, so i tried to create a component using the following code (TS):

import tw, { theme } from 'twin.macro'

function Test(){
    const twColor: Record<string, string> = theme`colors`
    const twHeight = theme`height`

    return ( ... )
}

You can view a complete usage inside this template (Elstar-lite)

Once created the component i built a test using jest just trying to render it and jest throws error TypeError: (0, twin_macro_1.theme) is not a function

on line:

const twColor: Record<string, string> = theme`colors` 

Hope i've been clear ๐Ÿ‘ . Thank you!

ben-rogerson commented 10 months ago

Check out some of the examples for setup info, like the styled-components-vite example - in your package.json I couldn't see any css-in-js lib installed or configured.

kundalee commented 6 months ago

Any suggestion to fix it?