Skip to content

Commit

Permalink
chore: update snapshots
Browse files Browse the repository at this point in the history
  • Loading branch information
@astahmer
astahmer committed Feb 20, 2024
1 parent a5c16ee commit 16b17f0
Show file tree
Hide file tree
Showing 4 changed files with 46 additions and 34 deletions.
6 changes: 4 additions & 2 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,8 @@
"define-theme": "pnpm --filter @pandabox/define-theme",
"knip": "knip",
"release": "changeset publish",
"typecheck": "pnpm --filter @pandabox/* run typecheck"
"typecheck": "pnpm --filter @pandabox/* run typecheck",
"test": "vitest"
},
"devDependencies": {
"@arktype/attest": "^0.6.2",
Expand All @@ -15,6 +16,7 @@
"knip": "^5.0.1",
"prettier": "^3.2.5",
"tsx": "^4.7.1",
"typescript": "^5.3.3"
"typescript": "^5.3.3",
"vitest": "^1.3.0"
}
}
64 changes: 32 additions & 32 deletions packages/unplugin-panda-macro/__tests__/transform.test.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ describe('atomic', () => {
export const App = () => {
return (
<div
className={\\"d_flex flex_column font_semibold text_green.300 text_center textStyle_4xl\\"}
className={"d_flex flex_column font_semibold text_green.300 text_center textStyle_4xl"}
>
<span>Hello from Panda</span>
</div>
Expand Down Expand Up @@ -90,7 +90,7 @@ describe('atomic', () => {
`)
})

test.only('ignore unresolved runtime conditions', () => {
test('ignore unresolved runtime conditions', () => {
const ctx = createMacroContext({
root: '/',
conf: createConfigResult({}),
Expand Down Expand Up @@ -139,10 +139,10 @@ describe('atomic', () => {
"import 'virtual:panda.css'
import { cva } from '../styled-system/css'
const atomicRecipe = () => \\"\\"
const atomicRecipe = () => ""
export const App = () => {
return <div className=\\"d_flex bg_red.200 text_white p_4 fs_12px\\">Atomic Button</div>
return <div className="d_flex bg_red.200 text_white p_4 fs_12px">Atomic Button</div>
}
"
`)
Expand All @@ -167,7 +167,7 @@ describe('atomic', () => {
export const App = () => {
return (
<div className={\\"d_flex items_center justify_center h_full\\"}>
<div className={"d_flex items_center justify_center h_full"}>
<span>Hello from Panda</span>
</div>
)
Expand All @@ -193,7 +193,7 @@ describe('atomic', () => {
import { button } from '../styled-system/recipes'
export const App = () => {
return <div className={\\"d_flex cursor_pointer font_bold bg_red.200 text_slate.800 p_8 fs_40px rounded_full\\"}>Button</div>
return <div className={"d_flex cursor_pointer font_bold bg_red.200 text_slate.800 p_8 fs_40px rounded_full"}>Button</div>
}
"
`)
Expand All @@ -216,7 +216,7 @@ describe('atomic', () => {
import { button } from '../styled-system/recipes'
export const App = () => {
return <div className={\\"button button--visual_funky button--size_lg button--shape_circle\\"}>Button</div>
return <div className={"button button--visual_funky button--size_lg button--shape_circle"}>Button</div>
}
"
`)
Expand Down Expand Up @@ -245,7 +245,7 @@ describe('atomic', () => {
export const App = () => {
return (
<div
className={\\"d_flex flex_column font_semibold text_red.500 text_center textStyle_4xl bg_green.100\\"}
className={"d_flex flex_column font_semibold text_red.500 text_center textStyle_4xl bg_green.100"}
>
<span>Hello from Panda</span>
</div>
Expand Down Expand Up @@ -276,19 +276,19 @@ describe('atomic', () => {
bg: 'green.100',
})
const atomicRecipe = () => \\"\\"
const atomicRecipe = () => ""
export const App = () => {
return (
<div className={\\"d_flex items_center justify_center h_full\\"}>
<div className={"d_flex items_center justify_center h_full"}>
<div
className={\\"d_flex flex_column font_semibold text_red.500 text_center textStyle_4xl bg_green.100\\"}
className={"d_flex flex_column font_semibold text_red.500 text_center textStyle_4xl bg_green.100"}
>
<span>🐼</span>
<span>Hello from Panda</span>
</div>
<div className={\\"d_flex cursor_pointer font_bold bg_red.200 text_slate.800 p_8 fs_40px rounded_full\\"}>Button</div>
<div className=\\"d_flex bg_red.200 text_white p_4 fs_12px\\">Atomic Button</div>
<div className={"d_flex cursor_pointer font_bold bg_red.200 text_slate.800 p_8 fs_40px rounded_full"}>Button</div>
<div className="d_flex bg_red.200 text_white p_4 fs_12px">Atomic Button</div>
</div>
)
}
Expand All @@ -315,7 +315,7 @@ describe('atomic', () => {
export const App = () => {
return (
<div className=\\"d_flex flex_column font_semibold text_green.300 text_center textStyle_4xl\\" onClick={() => console.log('hello')} unresolvable={something}>
<div className="d_flex flex_column font_semibold text_green.300 text_center textStyle_4xl" onClick={() => console.log('hello')} unresolvable={something}>
<span>Hello from Panda</span>
</div>
)
Expand Down Expand Up @@ -364,7 +364,7 @@ export const App = () => {
export const App = () => {
return (
<div className=\\"d_flex flex_column font_semibold text_green.300 text_center textStyle_4xl\\" onClick={() => console.log('hello')} unresolvable={something}>
<div className="d_flex flex_column font_semibold text_green.300 text_center textStyle_4xl" onClick={() => console.log('hello')} unresolvable={something}>
<span>Hello from Panda</span>
</div>
)
Expand Down Expand Up @@ -420,7 +420,7 @@ export const App = () => {
export const App = () => {
return (
<section className=\\"d_flex flex_column gap_10px font_semibold text_green.300 text_center textStyle_4xl\\" onClick={() => console.log('hello')} unresolvable={something}>
<section className="d_flex flex_column gap_10px font_semibold text_green.300 text_center textStyle_4xl" onClick={() => console.log('hello')} unresolvable={something}>
<span>Hello from Panda</span>
</section>
)
Expand Down Expand Up @@ -464,7 +464,7 @@ export const App = () => {
export const App = () => {
return (
<Something
size=\\"lg\\"
size="lg"
onClick={() => console.log('hello')}
unresolvable={something}
>
Expand Down Expand Up @@ -500,7 +500,7 @@ describe('grouped', () => {
export const App = () => {
return (
<div
className={\\"gTAnXW\\"}
className={"gTAnXW"}
>
<span>Hello from Panda</span>
</div>
Expand All @@ -526,10 +526,10 @@ describe('grouped', () => {
"import 'virtual:panda.css'
import { cva } from '../styled-system/css'
const atomicRecipe = () => \\"\\"
const atomicRecipe = () => ""
export const App = () => {
return <div className=\\"kUuLsR\\">Atomic Button</div>
return <div className="kUuLsR">Atomic Button</div>
}
"
`)
Expand All @@ -554,7 +554,7 @@ describe('grouped', () => {
export const App = () => {
return (
<div className={\\"iPSdxj\\"}>
<div className={"iPSdxj"}>
<span>Hello from Panda</span>
</div>
)
Expand All @@ -580,7 +580,7 @@ describe('grouped', () => {
import { button } from '../styled-system/recipes'
export const App = () => {
return <div className={\\"bcqMaE\\"}>Button</div>
return <div className={"bcqMaE"}>Button</div>
}
"
`)
Expand Down Expand Up @@ -609,7 +609,7 @@ describe('grouped', () => {
export const App = () => {
return (
<div
className={\\"cEGjSe\\"}
className={"cEGjSe"}
>
<span>Hello from Panda</span>
</div>
Expand Down Expand Up @@ -641,19 +641,19 @@ describe('grouped', () => {
bg: 'green.100',
})
const atomicRecipe = () => \\"\\"
const atomicRecipe = () => ""
export const App = () => {
return (
<div className={\\"iPSdxj\\"}>
<div className={"iPSdxj"}>
<div
className={\\"cEGjSe\\"}
className={"cEGjSe"}
>
<span>🐼</span>
<span>Hello from Panda</span>
</div>
<div className={\\"bcqMaE\\"}>Button</div>
<div className=\\"kUuLsR\\">Atomic Button</div>
<div className={"bcqMaE"}>Button</div>
<div className="kUuLsR">Atomic Button</div>
</div>
)
}
Expand All @@ -680,7 +680,7 @@ describe('grouped', () => {
export const App = () => {
return (
<div className=\\"gTAnXW\\" onClick={() => console.log('hello')} unresolvable={something}>
<div className="gTAnXW" onClick={() => console.log('hello')} unresolvable={something}>
<span>Hello from Panda</span>
</div>
)
Expand Down Expand Up @@ -729,7 +729,7 @@ export const App = () => {
export const App = () => {
return (
<div className=\\"gTAnXW\\" onClick={() => console.log('hello')} unresolvable={something}>
<div className="gTAnXW" onClick={() => console.log('hello')} unresolvable={something}>
<span>Hello from Panda</span>
</div>
)
Expand Down Expand Up @@ -785,7 +785,7 @@ export const App = () => {
export const App = () => {
return (
<section className=\\"jdxYbG\\" onClick={() => console.log('hello')} unresolvable={something}>
<section className="jdxYbG" onClick={() => console.log('hello')} unresolvable={something}>
<span>Hello from Panda</span>
</section>
)
Expand Down Expand Up @@ -829,7 +829,7 @@ export const App = () => {
export const App = () => {
return (
<Something
size=\\"lg\\"
size="lg"
onClick={() => console.log('hello')}
unresolvable={something}
>
Expand Down
3 changes: 3 additions & 0 deletions pnpm-lock.yaml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

7 changes: 7 additions & 0 deletions vitest.config.ts
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
import { defineConfig } from 'vitest/config'

export default defineConfig({
test: {
hideSkippedTests: true,
},
})

0 comments on commit 16b17f0

Please sign in to comment.