Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

refactor(kit): new version of InputNumber #10031

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

nsbarsukov
Copy link
Member

No description provided.

@nsbarsukov nsbarsukov self-assigned this Dec 19, 2024
Copy link

lumberjack-bot bot commented Dec 19, 2024

Tests completed successfully ✅

Good job 🔥

@@ -424,6 +424,11 @@ export const ROUTES: Routes = [
loadComponent: async () => import('../components/input-number'),
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hide this route before merge

Copy link
Contributor

github-actions bot commented Dec 19, 2024

Visit the preview URL for this PR (updated for commit 196b579):

https://taiga-previews-demo--pr10031-input-number-refactor-dem-dp9uvwis.web.app

(expires Sat, 21 Dec 2024 11:28:02 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 73dddc3c665194f3e11f18c16aeb71af4c289c37

Copy link

codecov bot commented Dec 19, 2024

Codecov Report

Attention: Patch coverage is 27.27273% with 64 lines in your changes missing coverage. Please review.

Project coverage is 65.92%. Comparing base (e8a7926) to head (abbf88f).

Files with missing lines Patch % Lines
.../components/input-number/input-number.component.ts 21.25% 63 Missing ⚠️
...it/components/input-number/input-number.options.ts 80.00% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main   #10031      +/-   ##
==========================================
- Coverage   66.13%   65.92%   -0.22%     
==========================================
  Files        1215     1218       +3     
  Lines       15720    15808      +88     
  Branches     2291     2239      -52     
==========================================
+ Hits        10397    10421      +24     
- Misses       5068     5278     +210     
+ Partials      255      109     -146     
Flag Coverage Δ
summary 65.92% <27.27%> (-0.22%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link

bundlemon bot commented Dec 19, 2024

BundleMon

Files updated (2)
Status Path Size Limits
demo/browser/main.(hash).js
305.77KB (+1.27KB +0.42%) +10%
demo/browser/runtime.(hash).js
44.09KB (+40B +0.09%) +10%
Unchanged files (3)
Status Path Size Limits
demo/browser/vendor.(hash).js
260.25KB +10%
demo/browser/styles.(hash).css
20.2KB +10%
demo/browser/polyfills.(hash).js
11.18KB +10%

Total files change +1.31KB +0.2%

Groups updated (1)
Status Path Size Limits
demo/browser/*..js
7.4MB (+43.71KB +0.58%) -

Final result: ✅

View report in BundleMon website ➡️


Current branch size history | Target branch size history

@nsbarsukov nsbarsukov changed the title [WIP] feat(kit): new refactored version of InputNumber [WIP] refactor(kit): new version of InputNumber Dec 19, 2024
@@ -22,7 +22,7 @@ test.describe('InputNumber', () => {
});

test('Infinite precision', async ({page}) => {
await tuiGoto(page, `${DemoRoute.InputNumber}/API?precision=Infinity`);
await tuiGoto(page, `${DemoRoute.InputNumberLegacy}/API?precision=Infinity`);
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All changes inside this file – DemoRoute.InputNumber => DemoRoute.InputNumberLegacy + tabulation. Nothing more.

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No changes inside projects/demo/src/modules/components/input-number-legacy/**-path. Only folder renaming

Comment on lines +69 to +71
private readonly precision = computed(() =>
Number.isNaN(this.numberFormat().precision) ? 2 : this.numberFormat().precision,
);
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we make BC for this logic ? 🤔

Suggested change
private readonly precision = computed(() =>
Number.isNaN(this.numberFormat().precision) ? 2 : this.numberFormat().precision,
);
private readonly precision = computed(() =>
Number.isNaN(this.numberFormat().precision) ? 0 : this.numberFormat().precision,
);

Copy link
Contributor

github-actions bot commented Dec 19, 2024

Playwright test results

failed  167 failed
passed  1820 passed
flaky  3 flaky
skipped  88 skipped

Details

report  Open report ↗︎
stats  2078 tests across 70 suites
duration  21 minutes, 39 seconds
commit  196b579

Failed tests

chromium › tests/deep/deep-select.pw.spec.ts › Deep / Select › /legacy/input-number
webkit › tests/deep/deep-select.pw.spec.ts › Deep / Select › /legacy/input-number
chromium › tests/deep/deep-toggle.pw.spec.ts › Deep / Toggle › /legacy/input-number
webkit › tests/deep/deep-toggle.pw.spec.ts › Deep / Toggle › /legacy/input-number
chromium › tests/demo/demo.pw.spec.ts › Demo › /legacy/input-number
webkit › tests/demo/demo.pw.spec.ts › Demo › /legacy/input-number
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is positive number › rejects minus sign
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is positive number › validates positive value (less than [min]) only on blur
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is positive number › allows to enter multi-length positive value (which is less than [min])
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is positive number › rejects minus sign
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is positive number › validates positive value (less than [min]) only on blur
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is positive number › allows to enter multi-length positive value (which is less than [min])
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is negative number › immediately validates negative value
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is negative number › do not touch any positive value
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is negative number › immediately validates negative value
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is negative number › do not touch any positive value
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is negative number › validates negative value only on blur
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is negative number › validates negative value only on blur
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is positive number › immediately validates positive value
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is positive number › do not touch any negative value
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is positive number › immediately validates positive value
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is positive number › do not touch any negative value
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › forbids to erase prefix › using Backspace many times
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › forbids to erase prefix › select all + Backspace
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › forbids to erase prefix › select all + Delete
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › forbids to erase prefix › using Backspace many times
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › forbids to erase prefix › select all + Backspace
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › forbids to erase prefix › select all + Delete
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › does not show suffixes for unfocused empty textfield
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › shows suffixes for empty textfield on focus
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › does not shows prefix for READONLY empty textfield on focus
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › textfield does not contain any digit (only suffixes) => clear textfield value on blur
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › does not show suffixes for unfocused empty textfield
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › shows suffixes for empty textfield on focus
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › does not shows prefix for READONLY empty textfield on focus
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › forbids to erase prefix › using Backspace many times
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › forbids to erase prefix › select all + Backspace
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › forbids to erase prefix › select all + Delete
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › forbids to erase prefix › using Backspace many times
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › forbids to erase prefix › select all + Backspace
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › forbids to erase prefix › select all + Delete
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › does not show suffixes for unfocused empty textfield
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › shows suffixes for empty textfield on focus
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › does not shows prefix for READONLY empty textfield on focus
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › textfield does not contain any digit (only suffixes) => clear textfield value on blur
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › does not show suffixes for unfocused empty textfield
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › shows suffixes for empty textfield on focus
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › does not shows prefix for READONLY empty textfield on focus
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › forbids to erase prefix › using Backspace many times
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › forbids to erase prefix › select all + Backspace
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › forbids to erase prefix › select all + Delete
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › forbids to erase prefix › using Backspace many times
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › forbids to erase prefix › select all + Backspace
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › forbids to erase prefix › select all + Delete
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › does not show suffixes for unfocused empty textfield
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › shows suffixes for empty textfield on focus
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › does not shows prefix for READONLY empty textfield on focus
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › textfield does not contain any digit (only suffixes) => clear textfield value on blur
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › does not show suffixes for unfocused empty textfield
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › shows suffixes for empty textfield on focus
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › does not shows prefix for READONLY empty textfield on focus
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [precision] prop › [precision]=0
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [precision] prop › [precision]=2
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [precision] prop › [precision]=0
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [precision] prop › [precision]=2
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [thousandSeparator] prop › _
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [thousandSeparator] prop › .
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [thousandSeparator] prop › _
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [thousandSeparator] prop › .
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalSeparator] prop › .
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalSeparator] prop › .
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalMode] prop › decimalMode=not-zero | 42 => Blur => 42
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalMode] prop › decimalMode=not-zero | 42.1 => Blur => 42.1
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalMode] prop › decimalMode=not-zero | 42.00 => Blur => 42
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalMode] prop › decimalMode=pad | 42.1 => Blur => 42.10
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalMode] prop › decimalMode=always | Enter 42 => 42.00
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalMode] prop › decimalMode=not-zero | 42 => Blur => 42
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalMode] prop › decimalMode=not-zero | 42.1 => Blur => 42.1
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalMode] prop › decimalMode=not-zero | 42.00 => Blur => 42
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalMode] prop › decimalMode=pad | 42.1 => Blur => 42.10
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [decimalMode] prop › decimalMode=always | Enter 42 => 42.00
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105.00| => Backspace => 105.0|0
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105.0|0 => Backspace => 105.|00
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105.|00 => Backspace => 105|.00
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105.|00 => Delete => 105.0|0
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105.00| => Backspace => 105.0|0
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105.0|0 => Backspace => 105.|00
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105.|00 => Backspace => 105|.00
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105.|00 => Delete => 105.0|0
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase thousand separator, mask triggers caret navigation › 1| 000 => Delete => 1 |000
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase thousand separator, mask triggers caret navigation › 1 |000 => Backspace => 1| 000
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase thousand separator, mask triggers caret navigation › 1| 000 => Delete => 1 |000
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase thousand separator, mask triggers caret navigation › 1 |000 => Backspace => 1| 000
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Empty textfield | s
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Textfield has value | s
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Empty textfield | m
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Textfield has value | m
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Empty textfield | l
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Textfield has value | l
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Empty textfield | s
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Textfield has value | s
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Empty textfield | m
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Textfield has value | m
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Empty textfield | l
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [tuiTextfieldSize] prop › Textfield has value | l
chromium › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › does not mutate already valid too large number on blur
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › does not mutate already valid too large number on blur
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › overflow › sandboxWidth=75
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › overflow › sandboxWidth=140
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › overflow › sandboxWidth=158
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › overflow › sandboxWidth=75
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › overflow › sandboxWidth=140
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › overflow › sandboxWidth=158
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105,00| => Backspace => 105,0|0
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105,0|0 => Backspace => 105,|00
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105,|00 => Backspace => 105|,00
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105,|00 => Delete => 105,0|0
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105,00| => Backspace => 105,0|0
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105,0|0 => Backspace => 105,|00
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105,|00 => Backspace => 105|,00
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase padded decimal zeroes (decimalMode="always"), mask triggers caret navigation › 105,|00 => Delete => 105,0|0
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase thousand separator, mask triggers caret navigation › 1| 000 => Delete => 1 |000
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase thousand separator, mask triggers caret navigation › 1 |000 => Backspace => 1| 000
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase thousand separator, mask triggers caret navigation › 1| 000 => Delete => 1 |000
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Caret navigation › if user tries to erase thousand separator, mask triggers caret navigation › 1 |000 => Backspace => 1| 000
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is positive number › rejects minus sign
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is positive number › validates positive value only on blur
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is positive number › rejects minus sign
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is positive number › validates positive value only on blur
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is negative number › immediately validates negative value
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is negative number › don't touch any positive value
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is negative number › immediately validates negative value
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › [min] property is negative number › don't touch any positive value
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › positive [min] property and positive value (which is less than [min])
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [min] prop › positive [min] property and positive value (which is less than [min])
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is negative number › validates negative value only on blur
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is negative number › validates negative value only on blur
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is positive number › immediately validates positive value
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is positive number › don't touch any negative value
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is positive number › immediately validates positive value
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › [max] prop › [max] property is positive number › don't touch any negative value
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42 (decimalMode=not-zero) => 42
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42,1 (decimalMode=not-zero) => 42,1
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42,1 (decimalMode=pad) => 42,10
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42,00 (decimalMode=not-zero) => 42
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42,1 (precision=0) => 42
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42 (decimalMode=always) => 42.00
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › text field does not contain any digit (only prefix + postfix) => clear text field's value on blur
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42 (decimalMode=not-zero) => 42
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42,1 (decimalMode=not-zero) => 42,1
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42,1 (decimalMode=pad) => 42,10
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42,00 (decimalMode=not-zero) => 42
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42,1 (precision=0) => 42
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › Value 42 (decimalMode=always) => 42.00
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › value formatting on blur › text field does not contain any digit (only prefix + postfix) => clear text field's value on blur
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Infinite precision
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › does not mutate already valid too large number on blur
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › prefix + value + postfix
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › align=left
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › align=right
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › Infinite precision
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › does not mutate already valid too large number on blur
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › prefix + value + postfix
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › align=left
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › API › align=right
chromium › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › Examples › cursor position
webkit › tests/legacy/input-number/input-number.pw.spec.ts › InputNumber › Examples › cursor position

Flaky tests

webkit › tests/core/hint/hint.pw.spec.ts › TuiHint › true mode hint with delay
webkit › tests/core/textarea/textarea.pw.spec.ts › Textarea › line break text
webkit › tests/demo/demo.pw.spec.ts › Demo › /components/pin

Skipped tests

webkit › tests/addon-commerce/input-card-group.pw.spec.ts › InputCardGroup › Examples › input card grouped with validation
webkit › tests/addon-commerce/input-card-group.pw.spec.ts › InputCardGroup › Examples › input card grouped with saved cards
webkit › tests/addon-commerce/input-card-group.pw.spec.ts › InputCardGroup › Examples › expired field should be clickable after reset of prefilled value
webkit › tests/addon-doc/navigation.pw.spec.ts › Navigation › anchor links navigation works › scroll to "tui-doc-example"
webkit › tests/addon-doc/navigation.pw.spec.ts › Navigation › anchor links navigation works › scroll to "tui-doc-code"
webkit › tests/addon-doc/navigation.pw.spec.ts › Navigation › anchor links navigation works › scroll after click on link with anchor
webkit › tests/addon-doc/navigation.pw.spec.ts › Navigation › getting started / [light mode]
webkit › tests/addon-doc/navigation.pw.spec.ts › Navigation › getting started / [dark mode]
webkit › tests/core/data-list/data-list.pw.spec.ts › DataList › Submenu
webkit › tests/core/data-list/data-list.pw.spec.ts › DataList › Form control
webkit › tests/core/data-list/data-list.pw.spec.ts › DataList › Complex
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 320x480 › Dialog with confirmation works › Prompt
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 320x480 › Dialog with confirmation works › Pristine form does not show confirmation
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 320x480 › Dialog with confirmation works › Dirty form shows confirmation
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 320x480 › Dialog with confirmation works › Form is reset to pristine
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 320x480 › A dialog and a nested dialog are open correctly
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 320x480 › Mobile dialog works
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 320x480 › Dialog with directive works
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 320x480 › Show simple
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 320x480 › Show simple + custom button
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 720x900 › Dialog with confirmation works › Prompt
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 720x900 › Dialog with confirmation works › Pristine form does not show confirmation
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 720x900 › Dialog with confirmation works › Dirty form shows confirmation
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 720x900 › Dialog with confirmation works › Form is reset to pristine
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 720x900 › A dialog and a nested dialog are open correctly
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 720x900 › Mobile dialog works
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 720x900 › Dialog with directive works
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 720x900 › Show simple
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 720x900 › Show simple + custom button
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1024x900 › Dialog with confirmation works › Prompt
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1024x900 › Dialog with confirmation works › Pristine form does not show confirmation
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1024x900 › Dialog with confirmation works › Dirty form shows confirmation
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1024x900 › Dialog with confirmation works › Form is reset to pristine
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1024x900 › A dialog and a nested dialog are open correctly
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1024x900 › Mobile dialog works
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1024x900 › Dialog with directive works
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1024x900 › Show simple
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1024x900 › Show simple + custom button
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1620x1024 › Dialog with confirmation works › Prompt
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1620x1024 › Dialog with confirmation works › Pristine form does not show confirmation
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1620x1024 › Dialog with confirmation works › Dirty form shows confirmation
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1620x1024 › Dialog with confirmation works › Form is reset to pristine
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1620x1024 › A dialog and a nested dialog are open correctly
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1620x1024 › Mobile dialog works
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1620x1024 › Dialog with directive works
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1620x1024 › Show simple
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › 1620x1024 › Show simple + custom button
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › Prompt - 320x480
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › Prompt - 720x900
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › Prompt - 1024x900
webkit › tests/core/dialogs/dialogs.pw.spec.ts › Dialogs › Prompt - 1620x1024
webkit › tests/core/surface/surface.pw.spec.ts › Surface › Layers
webkit › tests/kit/carousel/carousel.pw.spec.ts › Carousel › should show next item after drag
webkit › tests/kit/dropdown-hover/dropdown-hover.pw.spec.ts › DropdownHover › Examples › With DropdownMobile › Closes dropdown on click on overlay
webkit › tests/kit/dropdown-hover/dropdown-hover.pw.spec.ts › DropdownHover › Examples › With DropdownMobile › Opens mobile version of dropdown on the 2nd time click
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="" › textfield does not contain any digit (only suffixes) => clear textfield value on blur
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="" & [postfix]="kg" › textfield does not contain any digit (only suffixes) => clear textfield value on blur
webkit › tests/kit/input-number/input-number.pw.spec.ts › InputNumber › API › [prefix] & [postfix] props › [prefix]="$" & [postfix]="kg" › textfield does not contain any digit (only suffixes) => clear textfield value on blur
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › change selected range on click › click on the beginning of the track changes only nearest (left) slider
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › change selected range on click › click on the end of the track changes only nearest (right) slider
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › change selected range on click › click between two thumbs triggers only nearest thumb
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › keyboard interactions › basic range (from 0 to 1000 with 250 steps). Initial value [0, 250] › pressing of Arrow Right increases by one step (after focus on right slider)
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › keyboard interactions › basic range (from 0 to 1000 with 250 steps). Initial value [0, 250] › pressing of Arrow Right increases by one step (after focus on left slider)
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › keyboard interactions › basic range (from 0 to 1000 with 250 steps). Initial value [0, 250] › pressing of Arrow Left decreases by one step (after setting right thumb active via click)
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › keyboard interactions › basic range (from 0 to 1000 with 250 steps). Initial value [0, 250] › cannot set left thumb more than right thumb (by Arrow Right)
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › keyboard interactions › basic range (from 0 to 1000 with 250 steps). Initial value [0, 250] › cannot set right thumb less than left thumb (by ArrowLeft)
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › keyboard interactions › range with keySteps (from 0 to 1M) with 8 steps. Initial value [0, 100_000] › ArrowUp increases value of the focused slider
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › keyboard interactions › range with keySteps (from 0 to 1M) with 8 steps. Initial value [0, 100_000] › ArrowDown decreases value of the focused slider
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › keyboard interactions › range with keySteps (from 0 to 1M) with 8 steps. Initial value [0, 100_000] › cannot set position of the LEFT slider MORE THAN position of the RIGHT slider (by ArrowUp)
webkit › tests/kit/range/range.pw.spec.ts › TuiRange › examples page › keyboard interactions › range with keySteps (from 0 to 1M) with 8 steps. Initial value [0, 100_000] › cannot set position of the RIGHT slider LESS THAN position of the LEFT slider (by ArrowDown)
webkit › tests/kit/slider/slider.pw.spec.ts › Slider › programmatically change value › ngModel › decrease value by 1 step
webkit › tests/kit/slider/slider.pw.spec.ts › Slider › programmatically change value › ngModel › increase value by 1 step
webkit › tests/kit/slider/slider.pw.spec.ts › Slider › programmatically change value › ngModel › increase value by 2 steps
webkit › tests/kit/tabs/tabs.pw.spec.ts › Tabs › Examples › complex › no extra margin after the last tab
webkit › tests/kit/tabs/tabs.pw.spec.ts › Tabs › Examples › complex › shows only a single dropdown for the nested item (with [tuiDropdown]) inside more section
webkit › tests/layout/navigation.pw.spec.ts › Navigation › Show settings in aside
webkit › tests/layout/navigation.pw.spec.ts › Navigation › Show hint in aside
webkit › tests/layout/navigation.pw.spec.ts › Navigation › A12y
webkit › tests/legacy/input-time/input-time.pw.spec.ts › InputTime › API › items are passed › the dropdown is visible when the input is focused
webkit › tests/legacy/input-time/input-time.pw.spec.ts › InputTime › API › items are passed › the dropdown is configured for s size
webkit › tests/legacy/input-time/input-time.pw.spec.ts › InputTime › API › items are passed › the dropdown is configured for m size
webkit › tests/legacy/input-time/input-time.pw.spec.ts › InputTime › API › items are passed › the dropdown is configured for l size
webkit › tests/legacy/multi-select/multi-select.pw.spec.ts › MultiSelect › Examples › Multiselect inside dialog with different textfield sizes › multiselect inside dialog with tuiTextfieldSize=s
webkit › tests/legacy/multi-select/multi-select.pw.spec.ts › MultiSelect › Examples › Multiselect inside dialog with different textfield sizes › multiselect inside dialog with tuiTextfieldSize=m
webkit › tests/legacy/multi-select/multi-select.pw.spec.ts › MultiSelect › Examples › Multiselect inside dialog with different textfield sizes › multiselect inside dialog with tuiTextfieldSize=l
webkit › tests/legacy/multi-select/multi-select.pw.spec.ts › MultiSelect › Examples › does not overflow arrow icon by many tags
webkit › tests/legacy/multi-select/multi-select.pw.spec.ts › MultiSelect › Examples › multi-select with data list with label
webkit › tests/legacy/multi-select/multi-select.pw.spec.ts › MultiSelect › Examples › multi-select with data list without label

@nsbarsukov nsbarsukov force-pushed the input-number-refactor branch from ae8dc83 to abbf88f Compare December 19, 2024 14:14
@nsbarsukov nsbarsukov changed the title [WIP] refactor(kit): new version of InputNumber refactor(kit): new version of InputNumber Dec 19, 2024
@nsbarsukov nsbarsukov marked this pull request as ready for review December 19, 2024 14:21
@nsbarsukov nsbarsukov requested a review from a team as a code owner December 19, 2024 14:21
@nsbarsukov nsbarsukov requested review from MarsiBarsi, waterplea, vladimirpotekhin and mdlufy and removed request for a team December 19, 2024 14:21
@nsbarsukov nsbarsukov force-pushed the input-number-refactor branch from abbf88f to 196b579 Compare December 20, 2024 11:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

1 participant