2c064c5a79
- Preserve uppercase acronym casing in package tooling and CSS helpers - Keep selector escaping without restoring removed test ID prop APIs Co-authored-by: Joseph Cumines <joeycumines@gmail.com>
44 lines
1.4 KiB
TypeScript
44 lines
1.4 KiB
TypeScript
import { afterEach, describe, expect, test } from 'bun:test'
|
||
|
||
import { testIdSelector } from '@open-pencil/vue'
|
||
|
||
const originalCSSDescriptor = Reflect.getOwnPropertyDescriptor(globalThis, 'CSS')
|
||
|
||
function restoreCSSGlobal() {
|
||
if (originalCSSDescriptor) {
|
||
Object.defineProperty(globalThis, 'CSS', originalCSSDescriptor)
|
||
} else {
|
||
Reflect.deleteProperty(globalThis, 'CSS')
|
||
}
|
||
}
|
||
|
||
afterEach(() => {
|
||
restoreCSSGlobal()
|
||
})
|
||
|
||
describe('testIdSelector', () => {
|
||
test('escapes selectors without requiring a browser CSS global', () => {
|
||
Reflect.deleteProperty(globalThis, 'CSS')
|
||
|
||
expect(testIdSelector('plain-id')).toBe('[data-test-id="plain-id"]')
|
||
expect(testIdSelector('a"b c')).toBe('[data-test-id="a\\"b\\ c"]')
|
||
expect(testIdSelector('1starts-with-digit')).toBe('[data-test-id="\\31 starts-with-digit"]')
|
||
expect(testIdSelector('-1after-hyphen')).toBe('[data-test-id="-\\31 after-hyphen"]')
|
||
expect(testIdSelector('-')).toBe('[data-test-id="\\-"]')
|
||
expect(testIdSelector('null\u0000char')).toBe('[data-test-id="null<6C>char"]')
|
||
})
|
||
|
||
test('uses native CSS.escape when the runtime provides it', () => {
|
||
Object.defineProperty(globalThis, 'CSS', {
|
||
configurable: true,
|
||
value: {
|
||
escape(value: string) {
|
||
return `native-${value}`
|
||
}
|
||
}
|
||
})
|
||
|
||
expect(testIdSelector('id')).toBe('[data-test-id="native-id"]')
|
||
})
|
||
})
|