[Input Date Picker] and [Input Text] - 17 tests failing

[ashetland]

monday.com sync: #12601433908

Which Component

Input Date Picker, Input Text

Priority impact

p - high

Test type

Failing browser tests

Unstable Tests

1. input-date-picker.browser.e2e.tsx > disabled > prevents focusing via keyboard and mouse
2. input-text.browser.e2e.tsx > is focusable > inline editable > clears value on first Escape when clearable is set
3. input-text.browser.e2e.tsx > is focusable > inline editable > cancels editing on first Escape when clearable is not set
4. input-text.browser.e2e.tsx > is focusable > inline editable > emits enable editing change when built-in inline editable is activated
5. input-text.browser.e2e.tsx > is focusable > inline editable > emits confirm and keeps editing enabled when save is clicked without inlineEditableAfterConfirm
6. input-text.browser.e2e.tsx > is focusable > inline editable > disables editing when inlineEditableAfterConfirm resolves successfully
7. input-text.browser.e2e.tsx > is focusable > inline editable > saves changes on blur and disables editing when inline editable controls are off
8. input-text.browser.e2e.tsx > is focusable > clearable > renders clear button
9. input-text.browser.e2e.tsx > is focusable > clearable > clears value on clear button click
10. input-text.browser.e2e.tsx > is focusable > clearable > clears value on escape key press
11. input-text.browser.e2e.tsx > is focusable > clearable > receives event when clear button is clicked
12. input-text.browser.e2e.tsx > is focusable > clearable > receives event when input is cleared via escape key
13. input-text.browser.e2e.tsx > is focusable > clearable > disables clear button when input-text is disabled
14. input-text.browser.e2e.tsx > is focusable > clearable > disables clear button when input-text is readOnly
15. input-text.browser.e2e.tsx > theme > clearable > is themeable
16. input-text.browser.e2e.tsx > theme > inline editable > is themeable
17. input-text.browser.e2e.tsx > theme > inline editable > is themeable

Test error, if applicable

@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > inline editable > clears value on first Escape when clearable is set
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:117:4
@esri/calcite-components:test:ci: 115|
@esri/calcite-components:test:ci: 116| describe("inline editable", () => {
@esri/calcite-components:test:ci: 117| it("clears value on first Escape when clearable is set", async () …
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 118| const { el } = await mount(
@esri/calcite-components:test:ci: 119| <calcite-input-text clearable inline-editable inline-editable-…
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[2/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > inline editable > cancels editing on first Escape when clearable is not set
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:135:4
@esri/calcite-components:test:ci: 133| });
@esri/calcite-components:test:ci: 134|
@esri/calcite-components:test:ci: 135| it("cancels editing on first Escape when clearable is not set", as…
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 136| const { el } = await mount(
@esri/calcite-components:test:ci: 137| <calcite-input-text inline-editable inline-editable-controls v…
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[3/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > inline editable > emits enable editing change when built-in inline editable is activated
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:156:4
@esri/calcite-components:test:ci: 154| });
@esri/calcite-components:test:ci: 155|
@esri/calcite-components:test:ci: 156| it("emits enable editing change when built-in inline editable is a…
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 157| const { el } = await mount(
@esri/calcite-components:test:ci: 158| <calcite-input-text inline-editable inline-editable-controls v…
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[4/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > inline editable > emits confirm and keeps editing enabled when save is clicked without inlineEditableAfterConfirm
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:170:4
@esri/calcite-components:test:ci: 168| });
@esri/calcite-components:test:ci: 169|
@esri/calcite-components:test:ci: 170| it("emits confirm and keeps editing enabled when save is clicked w…
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 171| const { el } = await mount(
@esri/calcite-components:test:ci: 172| <calcite-input-text inline-editable inline-editable-controls v…
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[5/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > inline editable > disables editing when inlineEditableAfterConfirm resolves successfully
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:187:4
@esri/calcite-components:test:ci: 185| });
@esri/calcite-components:test:ci: 186|
@esri/calcite-components:test:ci: 187| it("disables editing when inlineEditableAfterConfirm resolves succ…
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 188| const { el } = await mount(
@esri/calcite-components:test:ci: 189| <calcite-input-text inline-editable inline-editable-controls v…
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[6/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > inline editable > saves changes on blur and disables editing when inline editable controls are off
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:203:4
@esri/calcite-components:test:ci: 201| });
@esri/calcite-components:test:ci: 202|
@esri/calcite-components:test:ci: 203| it("saves changes on blur and disables editing when inline editabl…
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 204| const { el } = await mount(
@esri/calcite-components:test:ci: 205| ,
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[7/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > clearable > renders clear button
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:224:4
@esri/calcite-components:test:ci: 222|
@esri/calcite-components:test:ci: 223| describe("clearable", () => {
@esri/calcite-components:test:ci: 224| it("renders clear button", async () => {
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 225| await mount(<calcite-input-text clearable value="John…
@esri/calcite-components:test:ci: 226|
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[8/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > clearable > clears value on clear button click
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:247:4
@esri/calcite-components:test:ci: 245| });
@esri/calcite-components:test:ci: 246|
@esri/calcite-components:test:ci: 247| it("clears value on clear button click", async () => {
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 248| const { el } = await mount(<calcite-input-text cleara…
@esri/calcite-components:test:ci: 249| const input = page.getBySelector("calcite-input-text input");
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[9/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > clearable > clears value on escape key press
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:258:4
@esri/calcite-components:test:ci: 256| });
@esri/calcite-components:test:ci: 257|
@esri/calcite-components:test:ci: 258| it("clears value on escape key press", async () => {
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 259| const { el } = await mount(<calcite-input-text cleara…
@esri/calcite-components:test:ci: 260| const input = page.getBySelector("calcite-input-text input");
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[10/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > clearable > receives event when clear button is clicked
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:268:4
@esri/calcite-components:test:ci: 266| });
@esri/calcite-components:test:ci: 267|
@esri/calcite-components:test:ci: 268| it("receives event when clear button is clicked", async () => {
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 269| const { el } = await mount(<calcite-input-text cleara…
@esri/calcite-components:test:ci: 270| const inputEventHandler = vi.fn();
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[11/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > clearable > receives event when input is cleared via escape key
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:281:4
@esri/calcite-components:test:ci: 279| });
@esri/calcite-components:test:ci: 280|
@esri/calcite-components:test:ci: 281| it("receives event when input is cleared via escape key", async ()…
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 282| const { el } = await mount(<calcite-input-text cleara…
@esri/calcite-components:test:ci: 283| const input = page.getBySelector("calcite-input-text input");
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[12/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > clearable > disables clear button when input-text is disabled
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:313:4
@esri/calcite-components:test:ci: 311| });
@esri/calcite-components:test:ci: 312|
@esri/calcite-components:test:ci: 313| it("disables clear button when input-text is disabled", async () =…
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 314| await mount(<calcite-input-text clearable disabled va…
@esri/calcite-components:test:ci: 315| const clearButton = page.getBySelector(.${ClearButtonCSS.contai… @esri/calcite-components:test:ci: @esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[13/17]⎯ @esri/calcite-components:test:ci: @esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > is focusable > clearable > disables clear button when input-text is readOnly @esri/calcite-components:test:ci: Error: Test timed out in 15000ms. @esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout". @esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:321:4 @esri/calcite-components:test:ci: 319| }); @esri/calcite-components:test:ci: 320| @esri/calcite-components:test:ci: 321| it("disables clear button when input-text is readOnly", async () =… @esri/calcite-components:test:ci: | ^ @esri/calcite-components:test:ci: 322| await mount<InputText>(<calcite-input-text clearable readOnly va… @esri/calcite-components:test:ci: 323| const clearButton = page.getBySelector(.${ClearButtonCSS.contai…
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[14/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > theme > clearable > is themeable
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ themed src/tests/commonTests/browser/themed.ts:102:2
@esri/calcite-components:test:ci: 100| */
@esri/calcite-components:test:ci: 101| export function themed(setup: TestSetup, tokens: ComponentTestTokens):…
@esri/calcite-components:test:ci: 102| it("is themeable", async () => {
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 103| const { el, container } = await setup();
@esri/calcite-components:test:ci: 104| const elLocator = page.elementLocator(el);
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:469:4
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[15/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > theme > inline editable > is themeable
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ themed src/tests/commonTests/browser/themed.ts:102:2
@esri/calcite-components:test:ci: 100| */
@esri/calcite-components:test:ci: 101| export function themed(setup: TestSetup, tokens: ComponentTestTokens):…
Error: @esri/calcite-components#test:ci: command (/home/runner/work/calcite-design-system/calcite-design-system/packages/components) /opt/hostedtoolcache/node/24.11.0/x64/bin/npm run test:ci exited (1)
ERROR @esri/calcite-components#test:ci: command (/home/runner/work/calcite-design-system/calcite-design-system/packages/components) /opt/hostedtoolcache/node/24.11.0/x64/bin/npm run test:ci exited (1)
ERROR run failed: command exited (1)
@esri/calcite-components:test:ci: 102| it("is themeable", async () => {
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 103| const { el, container } = await setup();
@esri/calcite-components:test:ci: 104| const elLocator = page.elementLocator(el);
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:533:4
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[16/17]⎯
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: FAIL chromium src/components/input-text/input-text.browser.e2e.tsx > theme > inline editable > is themeable
@esri/calcite-components:test:ci: Error: Test timed out in 15000ms.
@esri/calcite-components:test:ci: If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
@esri/calcite-components:test:ci: ❯ themed src/tests/commonTests/browser/themed.ts:102:2
@esri/calcite-components:test:ci: 100| */
@esri/calcite-components:test:ci: 101| export function themed(setup: TestSetup, tokens: ComponentTestTokens):…
@esri/calcite-components:test:ci: 102| it("is themeable", async () => {
@esri/calcite-components:test:ci: | ^
@esri/calcite-components:test:ci: 103| const { el, container } = await setup();
@esri/calcite-components:test:ci: 104| const elLocator = page.elementLocator(el);
@esri/calcite-components:test:ci: ❯ src/components/input-text/input-text.browser.e2e.tsx:541:4
@esri/calcite-components:test:ci:
@esri/calcite-components:test:ci: ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[17/17]⎯

PR skipped, if applicable

#14799

Additional Info

No response