feat: rename panel types and add allowed panel types option #429
logaretmAnnotations
20 errors and 1 warning
|
typecheck:
packages/core/src/useCalendar/useCalendar.spec.ts#L14
Property 'panelGridProps' does not exist on type '{ isOpen: ShallowRef<boolean, boolean>; pickerProps: ComputedRef<{ onKeydown(e: KeyboardEvent): void; id: string; }>; gridProps: ComputedRef<{ 'aria-label'?: string | undefined; 'aria-labelledby'?: string | undefined; id: string; role: string; }>; ... 8 more ...; gridLabel: ComputedRef<...>; }'.
|
|
typecheck:
packages/core/src/useCalendar/useCalendar.spec.ts#L16
Property 'panelLabelProps' does not exist on type '{ isOpen: ShallowRef<boolean, boolean>; pickerProps: ComputedRef<{ onKeydown(e: KeyboardEvent): void; id: string; }>; gridProps: ComputedRef<{ 'aria-label'?: string | undefined; 'aria-labelledby'?: string | undefined; id: string; role: string; }>; ... 8 more ...; gridLabel: ComputedRef<...>; }'.
|
|
typecheck:
packages/core/src/useCalendar/useCalendar.spec.ts#L17
Property 'nextPanelButtonProps' does not exist on type '{ isOpen: ShallowRef<boolean, boolean>; pickerProps: ComputedRef<{ onKeydown(e: KeyboardEvent): void; id: string; }>; gridProps: ComputedRef<{ 'aria-label'?: string | undefined; 'aria-labelledby'?: string | undefined; id: string; role: string; }>; ... 8 more ...; gridLabel: ComputedRef<...>; }'.
|
|
typecheck:
packages/core/src/useCalendar/useCalendar.spec.ts#L18
Property 'previousPanelButtonProps' does not exist on type '{ isOpen: ShallowRef<boolean, boolean>; pickerProps: ComputedRef<{ onKeydown(e: KeyboardEvent): void; id: string; }>; gridProps: ComputedRef<{ 'aria-label'?: string | undefined; 'aria-labelledby'?: string | undefined; id: string; role: string; }>; ... 8 more ...; gridLabel: ComputedRef<...>; }'.
|
|
typecheck:
packages/core/src/useCalendar/useCalendar.spec.ts#L106
Property 'panelGridProps' does not exist on type '{ isOpen: ShallowRef<boolean, boolean>; pickerProps: ComputedRef<{ onKeydown(e: KeyboardEvent): void; id: string; }>; gridProps: ComputedRef<{ 'aria-label'?: string | undefined; 'aria-labelledby'?: string | undefined; id: string; role: string; }>; ... 8 more ...; gridLabel: ComputedRef<...>; }'.
|
|
typecheck:
packages/core/src/useCalendar/useCalendar.spec.ts#L248
Property 'panelLabelProps' does not exist on type '{ isOpen: ShallowRef<boolean, boolean>; pickerProps: ComputedRef<{ onKeydown(e: KeyboardEvent): void; id: string; }>; gridProps: ComputedRef<{ 'aria-label'?: string | undefined; 'aria-labelledby'?: string | undefined; id: string; role: string; }>; ... 8 more ...; gridLabel: ComputedRef<...>; }'.
|
|
typecheck:
packages/core/src/useCalendar/useCalendar.spec.ts#L300
Property 'panelLabelProps' does not exist on type '{ isOpen: ShallowRef<boolean, boolean>; pickerProps: ComputedRef<{ onKeydown(e: KeyboardEvent): void; id: string; }>; gridProps: ComputedRef<{ 'aria-label'?: string | undefined; 'aria-labelledby'?: string | undefined; id: string; role: string; }>; ... 8 more ...; gridLabel: ComputedRef<...>; }'.
|
|
typecheck:
packages/core/src/useCalendar/useCalendar.spec.ts#L330
Property 'nextPanelButtonProps' does not exist on type '{ isOpen: ShallowRef<boolean, boolean>; pickerProps: ComputedRef<{ onKeydown(e: KeyboardEvent): void; id: string; }>; gridProps: ComputedRef<{ 'aria-label'?: string | undefined; 'aria-labelledby'?: string | undefined; id: string; role: string; }>; ... 8 more ...; gridLabel: ComputedRef<...>; }'.
|
|
typecheck:
packages/core/src/useCalendar/useCalendar.spec.ts#L330
Property 'previousPanelButtonProps' does not exist on type '{ isOpen: ShallowRef<boolean, boolean>; pickerProps: ComputedRef<{ onKeydown(e: KeyboardEvent): void; id: string; }>; gridProps: ComputedRef<{ 'aria-label'?: string | undefined; 'aria-labelledby'?: string | undefined; id: string; role: string; }>; ... 8 more ...; gridLabel: ComputedRef<...>; }'.
|
|
typecheck:
packages/core/src/useCalendar/useCalendar.spec.ts#L363
Property 'nextPanelButtonProps' does not exist on type '{ isOpen: ShallowRef<boolean, boolean>; pickerProps: ComputedRef<{ onKeydown(e: KeyboardEvent): void; id: string; }>; gridProps: ComputedRef<{ 'aria-label'?: string | undefined; 'aria-labelledby'?: string | undefined; id: string; role: string; }>; ... 8 more ...; gridLabel: ComputedRef<...>; }'.
|
|
packages/core/src/useCalendar/useCalendar.spec.ts > useCalendar > date selection > handles Enter key in different panels:
packages/core/src/useCalendar/useCalendar.spec.ts#L286
Error: expect(element).toHaveTextContent()
Expected element to have text content:
day
Received:
weeks
❯ packages/core/src/useCalendar/useCalendar.spec.ts:286:49
|
|
packages/core/src/useCalendar/useCalendar.spec.ts > useCalendar > panel navigation > switches between day, month, and year panels:
packages/core/src/useCalendar/useCalendar.spec.ts#L316
Error: expect(element).toHaveTextContent()
Expected element to have text content:
day
Received:
weeks
❯ packages/core/src/useCalendar/useCalendar.spec.ts:316:26
|
|
packages/core/src/useCalendar/useCalendar.spec.ts > useCalendar > panel navigation > navigates to next/previous panels:
packages/core/src/useCalendar/useCalendar.spec.ts#L350
Error: expect(element).toHaveTextContent()
Expected element to have text content:
day
Received:
weeks
❯ packages/core/src/useCalendar/useCalendar.spec.ts:350:48
|
|
packages/core/src/useCalendar/useCalendar.spec.ts > useCalendar > panel navigation > navigates months using next/previous buttons in month panel:
packages/core/src/useCalendar/useCalendar.spec.ts#L406
TestingLibraryElementError: Unable to find an element with the text: 2026-02-15T22:57:13.836+00:00[UTC]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
data-testid="fixture"
>
<button
tabindex="-1"
type="button"
>
Open Calendar
</button>
<div
id="cal-v-0"
>
<div
data-testid="panel-label"
>
Month Panel
</div>
<button>
Previous
</button>
<button>
Next
</button>
<div>
2025-02-15T22:57:13.836+00:00[UTC]
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ packages/core/src/useCalendar/useCalendar.spec.ts:406:21
|
|
packages/core/src/useCalendar/useCalendar.spec.ts > useCalendar > panel navigation > navigates years using next/previous buttons in year panel:
packages/core/src/useCalendar/useCalendar.spec.ts#L471
TestingLibraryElementError: Unable to find an element with the text: 2034-01-01T22:57:13.846+00:00[UTC]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
data-testid="fixture"
>
<button
tabindex="-1"
type="button"
>
Open Calendar
</button>
<div
id="cal-v-0"
>
<div
data-testid="panel-label"
>
Year Panel
</div>
<button>
Previous
</button>
<button>
Next
</button>
<div>
2025-02-15T22:57:13.846+00:00[UTC]
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ packages/core/src/useCalendar/useCalendar.spec.ts:471:21
|
|
packages/core/src/useCalendar/useCalendar.spec.ts > useCalendar > keyboard navigation > handles arrow key navigation in month panel:
packages/core/src/useCalendar/useCalendar.spec.ts#L597
TestingLibraryElementError: Unable to find an element with the text: 2025-03-15T22:57:13.899+00:00[UTC]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
data-testid="fixture"
>
<button
tabindex="-1"
type="button"
>
Open Calendar
</button>
<div
data-testid="calendar"
id="cal-v-0"
>
<div
data-testid="panel-label"
>
Month Panel
</div>
<div>
2025-02-16T22:57:13.899+00:00[UTC]
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ packages/core/src/useCalendar/useCalendar.spec.ts:597:21
|
|
packages/core/src/useCalendar/useCalendar.spec.ts > useCalendar > keyboard navigation > handles arrow key navigation in year panel:
packages/core/src/useCalendar/useCalendar.spec.ts#L670
TestingLibraryElementError: Unable to find an element with the text: 2026-02-15T22:57:13.906+00:00[UTC]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
data-testid="fixture"
>
<button
tabindex="-1"
type="button"
>
Open Calendar
</button>
<div
data-testid="calendar"
id="cal-v-0"
>
<div
data-testid="panel-label"
>
Year Panel
</div>
<div>
2025-02-16T22:57:13.906+00:00[UTC]
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ packages/core/src/useCalendar/useCalendar.spec.ts:670:21
|
|
packages/core/src/useCalendar/useCalendar.spec.ts > useCalendar > keyboard navigation > handles double-press Home month panel:
packages/core/src/useCalendar/useCalendar.spec.ts#L837
TestingLibraryElementError: Unable to find an element with the text: 2025-01-15T22:57:13.936+00:00[UTC]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
data-testid="fixture"
>
<button
tabindex="-1"
type="button"
>
Open Calendar
</button>
<div
data-testid="calendar"
id="cal-v-0"
>
<div
data-testid="panel-label"
>
Month Panel
</div>
<div>
2025-02-01T22:57:13.936+00:00[UTC]
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ packages/core/src/useCalendar/useCalendar.spec.ts:837:21
|
|
packages/core/src/useCalendar/useCalendar.spec.ts > useCalendar > keyboard navigation > handles double-press End month panel:
packages/core/src/useCalendar/useCalendar.spec.ts#L883
TestingLibraryElementError: Unable to find an element with the text: 2025-12-15T22:57:13.964+00:00[UTC]. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.
Ignored nodes: comments, script, style
<body>
<div>
<div
data-testid="fixture"
>
<button
tabindex="-1"
type="button"
>
Open Calendar
</button>
<div
data-testid="calendar"
id="cal-v-0"
>
<div
data-testid="panel-label"
>
Month Panel
</div>
<div>
2025-02-28T22:57:13.964+00:00[UTC]
</div>
</div>
</div>
</div>
</body>
❯ Object.getElementError node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/config.js:37:19
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
❯ node_modules/.pnpm/@testing-library[email protected]/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
❯ packages/core/src/useCalendar/useCalendar.spec.ts:883:16
|
|
tests
Process completed with exit code 1.
|
|
lint:
packages/core/src/useComboBox/useComboBox.ts#L181
Unexpected any. Specify a different type
|