public/svelte-headlessui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Clean up test nits

Browse Source
This commit is contained in:
Ryan Gossiaux
2022-06-15 16:52:39 -07:00
parent 96aadb98c7
commit f431f89127
3 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/lib/components/dialog/dialog.test.ts vendored
View File

@@ -129,7 +129,7 @@ describe("Rendering", () => {
<button id="trigger" on:click={() => isOpen = !isOpen}> <button id="trigger" on:click={() => isOpen = !isOpen}>
Trigger Trigger
</button> </button>
<Dialog open={true} on:close={console.log} static> <Dialog open on:close={console.log} static>
<p>Contents</p> <p>Contents</p>
<div tabindex={0} on:focus={focusCounter} /> <div tabindex={0} on:focus={focusCounter} />
</Dialog> </Dialog>
@@ -312,7 +312,7 @@ describe("Rendering", () => {
'DialogTitle should have slot props', 'DialogTitle should have slot props',
suppressConsoleLogs(async () => { suppressConsoleLogs(async () => {
render(svelte` render(svelte`
<Dialog open={true} on:close={console.log}> <Dialog open on:close={console.log}>
<DialogTitle let:open>{JSON.stringify({ open })}</DialogTitle> <DialogTitle let:open>{JSON.stringify({ open })}</DialogTitle>
<TestTabSentinel /> <TestTabSentinel />
</Dialog> </Dialog>
@@ -335,7 +335,7 @@ describe("Rendering", () => {
'DialogDescription should have slot props', 'DialogDescription should have slot props',
suppressConsoleLogs(async () => { suppressConsoleLogs(async () => {
render(svelte` render(svelte`
<Dialog open={true} on:close={console.log}> <Dialog open on:close={console.log}>
<DialogDescription let:open>{JSON.stringify({ open })}</DialogDescription> <DialogDescription let:open>{JSON.stringify({ open })}</DialogDescription>
<TestTabSentinel /> <TestTabSentinel />
</Dialog> </Dialog>
@@ -359,7 +359,7 @@ describe('Composition', () => {
'should be possible to open the Dialog via a Transition component', 'should be possible to open the Dialog via a Transition component',
suppressConsoleLogs(async () => { suppressConsoleLogs(async () => {
render(svelte` render(svelte`
<Transition show={true}> <Transition show>
<Dialog on:close={console.log}> <Dialog on:close={console.log}>
<DialogDescription>Description</DialogDescription> <DialogDescription>Description</DialogDescription>
<TestTabSentinel /> <TestTabSentinel />
@@ -598,7 +598,7 @@ describe('Mouse interactions', () => {
let wrapperFn = jest.fn() let wrapperFn = jest.fn()
render(svelte` render(svelte`
<div on:click={wrapperFn}> <div on:click={wrapperFn}>
<ManagedDialog initialOpen={true}> <ManagedDialog initialOpen>
Contents Contents
<DialogOverlay /> <DialogOverlay />
<TestTabSentinel /> <TestTabSentinel />
@@ -628,7 +628,7 @@ describe('Mouse interactions', () => {
suppressConsoleLogs(async () => { suppressConsoleLogs(async () => {
let submitFn = jest.fn() let submitFn = jest.fn()
render(svelte` render(svelte`
<ManagedDialog initialOpen={true}> <ManagedDialog initialOpen>
<form on:submit={submitFn}> <form on:submit={submitFn}>
<input type="hidden" value="abc"> <input type="hidden" value="abc">
<button type="submit">Submit</button> <button type="submit">Submit</button>
@@ -654,7 +654,7 @@ describe('Mouse interactions', () => {
let wrapperFn = jest.fn() let wrapperFn = jest.fn()
render(svelte` render(svelte`
<div on:click={wrapperFn}> <div on:click={wrapperFn}>
<ManagedDialog initialOpen={true} buttonInside={true} buttonText="Inside"> <ManagedDialog initialOpen buttonInside buttonText="Inside">
Contents Contents
<TestTabSentinel /> <TestTabSentinel />
</ManagedDialog> </ManagedDialog>

8
src/lib/components/disclosure/disclosure.test.ts vendored
View File

@@ -309,7 +309,7 @@ describe("Rendering", () => {
render(svelte` render(svelte`
<Disclosure> <Disclosure>
<DisclosureButton>Trigger</DisclosureButton> <DisclosureButton>Trigger</DisclosureButton>
<DisclosurePanel static="true">Contents</DisclosurePanel> <DisclosurePanel static>Contents</DisclosurePanel>
</Disclosure> </Disclosure>
`) `)
@@ -498,7 +498,7 @@ describe('Keyboard interactions', () => {
suppressConsoleLogs(async () => { suppressConsoleLogs(async () => {
render(svelte` render(svelte`
<Disclosure> <Disclosure>
<DisclosureButton disabled={true}>Trigger</DisclosureButton> <DisclosureButton disabled>Trigger</DisclosureButton>
<DisclosurePanel>Contents</DisclosurePanel> <DisclosurePanel>Contents</DisclosurePanel>
</Disclosure> </Disclosure>
`) `)
@@ -600,7 +600,7 @@ describe('Keyboard interactions', () => {
suppressConsoleLogs(async () => { suppressConsoleLogs(async () => {
render(svelte` render(svelte`
<Disclosure> <Disclosure>
<DisclosureButton disabled={true}>Trigger</DisclosureButton> <DisclosureButton disabled>Trigger</DisclosureButton>
<DisclosurePanel>Contents</DisclosurePanel> <DisclosurePanel>Contents</DisclosurePanel>
</Disclosure> </Disclosure>
`) `)
@@ -728,7 +728,7 @@ describe('Mouse interactions', () => {
suppressConsoleLogs(async () => { suppressConsoleLogs(async () => {
render(svelte` render(svelte`
<Disclosure> <Disclosure>
<DisclosureButton disabled={true}>Trigger</DisclosureButton> <DisclosureButton disabled>Trigger</DisclosureButton>
<DisclosurePanel>Contents</DisclosurePanel> <DisclosurePanel>Contents</DisclosurePanel>
</Disclosure> </Disclosure>
`) `)

6
src/lib/components/listbox/listbox.test.ts vendored
View File

@@ -145,7 +145,7 @@ describe('Rendering', () => {
'should be possible to disable a Listbox', 'should be possible to disable a Listbox',
suppressConsoleLogs(async () => { suppressConsoleLogs(async () => {
render(svelte` render(svelte`
<Listbox value={undefined} on:change={console.log} disabled={true}> <Listbox value={undefined} on:change={console.log} disabled>
<ListboxButton>Trigger</ListboxButton> <ListboxButton>Trigger</ListboxButton>
<ListboxOptions> <ListboxOptions>
<ListboxOption value="a">Option A</ListboxOption> <ListboxOption value="a">Option A</ListboxOption>
@@ -416,7 +416,7 @@ describe('Rendering', () => {
render(svelte` render(svelte`
<Listbox value={undefined} on:change={console.log}> <Listbox value={undefined} on:change={console.log}>
<ListboxButton>Trigger</ListboxButton> <ListboxButton>Trigger</ListboxButton>
<ListboxOptions static={true}> <ListboxOptions static>
<ListboxOption value="a">Option A</ListboxOption> <ListboxOption value="a">Option A</ListboxOption>
<ListboxOption value="b">Option B</ListboxOption> <ListboxOption value="b">Option B</ListboxOption>
<ListboxOption value="c">Option C</ListboxOption> <ListboxOption value="c">Option C</ListboxOption>
@@ -747,7 +747,7 @@ describe('Keyboard interactions', () => {
'should not be possible to open the listbox with Enter when the button is disabled', 'should not be possible to open the listbox with Enter when the button is disabled',
suppressConsoleLogs(async () => { suppressConsoleLogs(async () => {
render(svelte` render(svelte`
<Listbox value={undefined} on:change={console.log} disabled={true}> <Listbox value={undefined} on:change={console.log} disabled>
<ListboxButton>Trigger</ListboxButton> <ListboxButton>Trigger</ListboxButton>
<ListboxOptions> <ListboxOptions>
<ListboxOption value="a">Option A</ListboxOption> <ListboxOption value="a">Option A</ListboxOption>