3e4e3d0b8b
* refactor: rename @open-pencil/codegen to @open-pencil/emit In design tools codegen means design-to-code, which is dom-css's job and Core's codegen tools'. The package builds and prints the syntax trees exporters emit, so name it for that. It has not been released yet. * fix: alias @open-pencil/emit to its source in Vite The rename missed the escaped regex, so Vite resolved the package through its built dist output.
49 lines
1.5 KiB
TypeScript
49 lines
1.5 KiB
TypeScript
import { describe, expect, test } from 'bun:test'
|
|
|
|
import { jsx } from '#emit/index'
|
|
|
|
const card = (attributes: ReturnType<typeof jsx.attribute>[], children = [jsx.text('Hi')]) =>
|
|
jsx.printJSX(jsx.element('Card', attributes, children, 0, true))
|
|
|
|
describe('JSX attributes', () => {
|
|
test('keep plain strings quoted', () => {
|
|
expect(card([jsx.attribute('title', jsx.stringValue('Plain name'))])).toBe(
|
|
'<Card title="Plain name">Hi</Card>'
|
|
)
|
|
})
|
|
|
|
test.each(['a" w={999} x="', 'Fish & chips', 'Back\\slash', 'Two\nlines'])(
|
|
'write %p as a string literal JSX cannot reinterpret',
|
|
(value) => {
|
|
const code = card([jsx.attribute('title', jsx.stringValue(value))])
|
|
expect(code).toBe(`<Card title={${JSON.stringify(value)}}>Hi</Card>`)
|
|
}
|
|
)
|
|
|
|
test('print a null value as the bare name', () => {
|
|
expect(card([jsx.attribute('wide', null)], [])).toBe('<Card wide />')
|
|
})
|
|
})
|
|
|
|
describe('JSX text', () => {
|
|
test('keeps plain text as text', () => {
|
|
expect(card([], [jsx.text('Hello')])).toBe('<Card>Hello</Card>')
|
|
})
|
|
|
|
test.each(['{braces}', '<tag>', 'a & b', 'one\ntwo', ' padded '])(
|
|
'writes %p as a string expression',
|
|
(value) => {
|
|
expect(card([], [jsx.text(value)])).toBe(`<Card>{${JSON.stringify(value)}}</Card>`)
|
|
}
|
|
)
|
|
})
|
|
|
|
describe('JSX elements', () => {
|
|
test('put children on indented lines', () => {
|
|
const child = jsx.element('Item', [], [], 1)
|
|
expect(jsx.printJSX(jsx.element('List', [], [child, child], 0))).toBe(
|
|
'<List>\n <Item />\n <Item />\n</List>'
|
|
)
|
|
})
|
|
})
|