test(Slider): fix TS

gravity-ui · Dec 27, 2024 · 2d0959b · 2d0959b
1 parent 399b121
commit 2d0959b
Show file tree

Hide file tree

Showing 58 changed files with 14 additions and 9 deletions.
diff --git a/...napshots/Slider-smoke-availableValues-10-20-50-55-65-80-dark-chromium-linux.png b/...napshots/Slider-smoke-availableValues-10-20-50-55-65-80-dark-chromium-linux.png
diff --git a/...-snapshots/Slider-smoke-availableValues-10-20-50-55-65-80-dark-webkit-linux.png b/...-snapshots/Slider-smoke-availableValues-10-20-50-55-65-80-dark-webkit-linux.png
diff --git a/...apshots/Slider-smoke-availableValues-10-20-50-55-65-80-light-chromium-linux.png b/...apshots/Slider-smoke-availableValues-10-20-50-55-65-80-light-chromium-linux.png
diff --git a/...snapshots/Slider-smoke-availableValues-10-20-50-55-65-80-light-webkit-linux.png b/...snapshots/Slider-smoke-availableValues-10-20-50-55-65-80-light-webkit-linux.png
diff --git a/...sual.test.tsx-snapshots/Slider-smoke-availableValues-10-dark-chromium-linux.png b/...sual.test.tsx-snapshots/Slider-smoke-availableValues-10-dark-chromium-linux.png
diff --git a/...visual.test.tsx-snapshots/Slider-smoke-availableValues-10-dark-webkit-linux.png b/...visual.test.tsx-snapshots/Slider-smoke-availableValues-10-dark-webkit-linux.png
diff --git a/...ual.test.tsx-snapshots/Slider-smoke-availableValues-10-light-chromium-linux.png b/...ual.test.tsx-snapshots/Slider-smoke-availableValues-10-light-chromium-linux.png
diff --git a/...isual.test.tsx-snapshots/Slider-smoke-availableValues-10-light-webkit-linux.png b/...isual.test.tsx-snapshots/Slider-smoke-availableValues-10-light-webkit-linux.png
diff --git a/...sual.test.tsx-snapshots/Slider-smoke-availableValues-20-dark-chromium-linux.png b/...sual.test.tsx-snapshots/Slider-smoke-availableValues-20-dark-chromium-linux.png
diff --git a/...visual.test.tsx-snapshots/Slider-smoke-availableValues-20-dark-webkit-linux.png b/...visual.test.tsx-snapshots/Slider-smoke-availableValues-20-dark-webkit-linux.png
diff --git a/...ual.test.tsx-snapshots/Slider-smoke-availableValues-20-light-chromium-linux.png b/...ual.test.tsx-snapshots/Slider-smoke-availableValues-20-light-chromium-linux.png
diff --git a/...isual.test.tsx-snapshots/Slider-smoke-availableValues-20-light-webkit-linux.png b/...isual.test.tsx-snapshots/Slider-smoke-availableValues-20-light-webkit-linux.png
diff --git a/...sual.test.tsx-snapshots/Slider-smoke-availableValues-50-dark-chromium-linux.png b/...sual.test.tsx-snapshots/Slider-smoke-availableValues-50-dark-chromium-linux.png
diff --git a/...visual.test.tsx-snapshots/Slider-smoke-availableValues-50-dark-webkit-linux.png b/...visual.test.tsx-snapshots/Slider-smoke-availableValues-50-dark-webkit-linux.png
diff --git a/...ual.test.tsx-snapshots/Slider-smoke-availableValues-50-light-chromium-linux.png b/...ual.test.tsx-snapshots/Slider-smoke-availableValues-50-light-chromium-linux.png
diff --git a/...isual.test.tsx-snapshots/Slider-smoke-availableValues-50-light-webkit-linux.png b/...isual.test.tsx-snapshots/Slider-smoke-availableValues-50-light-webkit-linux.png
diff --git a/...sual.test.tsx-snapshots/Slider-smoke-availableValues-55-dark-chromium-linux.png b/...sual.test.tsx-snapshots/Slider-smoke-availableValues-55-dark-chromium-linux.png
diff --git a/...visual.test.tsx-snapshots/Slider-smoke-availableValues-55-dark-webkit-linux.png b/...visual.test.tsx-snapshots/Slider-smoke-availableValues-55-dark-webkit-linux.png
diff --git a/...ual.test.tsx-snapshots/Slider-smoke-availableValues-55-light-chromium-linux.png b/...ual.test.tsx-snapshots/Slider-smoke-availableValues-55-light-chromium-linux.png
diff --git a/...isual.test.tsx-snapshots/Slider-smoke-availableValues-55-light-webkit-linux.png b/...isual.test.tsx-snapshots/Slider-smoke-availableValues-55-light-webkit-linux.png
diff --git a/...sual.test.tsx-snapshots/Slider-smoke-availableValues-65-dark-chromium-linux.png b/...sual.test.tsx-snapshots/Slider-smoke-availableValues-65-dark-chromium-linux.png
diff --git a/...visual.test.tsx-snapshots/Slider-smoke-availableValues-65-dark-webkit-linux.png b/...visual.test.tsx-snapshots/Slider-smoke-availableValues-65-dark-webkit-linux.png
diff --git a/...ual.test.tsx-snapshots/Slider-smoke-availableValues-65-light-chromium-linux.png b/...ual.test.tsx-snapshots/Slider-smoke-availableValues-65-light-chromium-linux.png
diff --git a/...isual.test.tsx-snapshots/Slider-smoke-availableValues-65-light-webkit-linux.png b/...isual.test.tsx-snapshots/Slider-smoke-availableValues-65-light-webkit-linux.png
diff --git a/...sual.test.tsx-snapshots/Slider-smoke-availableValues-80-dark-chromium-linux.png b/...sual.test.tsx-snapshots/Slider-smoke-availableValues-80-dark-chromium-linux.png
diff --git a/...visual.test.tsx-snapshots/Slider-smoke-availableValues-80-dark-webkit-linux.png b/...visual.test.tsx-snapshots/Slider-smoke-availableValues-80-dark-webkit-linux.png
diff --git a/...ual.test.tsx-snapshots/Slider-smoke-availableValues-80-light-chromium-linux.png b/...ual.test.tsx-snapshots/Slider-smoke-availableValues-80-light-chromium-linux.png
diff --git a/...isual.test.tsx-snapshots/Slider-smoke-availableValues-80-light-webkit-linux.png b/...isual.test.tsx-snapshots/Slider-smoke-availableValues-80-light-webkit-linux.png
diff --git a/...ts/Slider-smoke-range-availableValues-10-20-50-55-65-80-dark-chromium-linux.png b/...ts/Slider-smoke-range-availableValues-10-20-50-55-65-80-dark-chromium-linux.png
diff --git a/...hots/Slider-smoke-range-availableValues-10-20-50-55-65-80-dark-webkit-linux.png b/...hots/Slider-smoke-range-availableValues-10-20-50-55-65-80-dark-webkit-linux.png
diff --git a/...s/Slider-smoke-range-availableValues-10-20-50-55-65-80-light-chromium-linux.png b/...s/Slider-smoke-range-availableValues-10-20-50-55-65-80-light-chromium-linux.png
diff --git a/...ots/Slider-smoke-range-availableValues-10-20-50-55-65-80-light-webkit-linux.png b/...ots/Slider-smoke-range-availableValues-10-20-50-55-65-80-light-webkit-linux.png
diff --git a/...est.tsx-snapshots/Slider-smoke-range-availableValues-10-dark-chromium-linux.png b/...est.tsx-snapshots/Slider-smoke-range-availableValues-10-dark-chromium-linux.png
diff --git a/....test.tsx-snapshots/Slider-smoke-range-availableValues-10-dark-webkit-linux.png b/....test.tsx-snapshots/Slider-smoke-range-availableValues-10-dark-webkit-linux.png
diff --git a/...st.tsx-snapshots/Slider-smoke-range-availableValues-10-light-chromium-linux.png b/...st.tsx-snapshots/Slider-smoke-range-availableValues-10-light-chromium-linux.png
diff --git a/...test.tsx-snapshots/Slider-smoke-range-availableValues-10-light-webkit-linux.png b/...test.tsx-snapshots/Slider-smoke-range-availableValues-10-light-webkit-linux.png
diff --git a/...est.tsx-snapshots/Slider-smoke-range-availableValues-20-dark-chromium-linux.png b/...est.tsx-snapshots/Slider-smoke-range-availableValues-20-dark-chromium-linux.png
diff --git a/....test.tsx-snapshots/Slider-smoke-range-availableValues-20-dark-webkit-linux.png b/....test.tsx-snapshots/Slider-smoke-range-availableValues-20-dark-webkit-linux.png
diff --git a/...st.tsx-snapshots/Slider-smoke-range-availableValues-20-light-chromium-linux.png b/...st.tsx-snapshots/Slider-smoke-range-availableValues-20-light-chromium-linux.png
diff --git a/...test.tsx-snapshots/Slider-smoke-range-availableValues-20-light-webkit-linux.png b/...test.tsx-snapshots/Slider-smoke-range-availableValues-20-light-webkit-linux.png
diff --git a/...est.tsx-snapshots/Slider-smoke-range-availableValues-50-dark-chromium-linux.png b/...est.tsx-snapshots/Slider-smoke-range-availableValues-50-dark-chromium-linux.png
diff --git a/....test.tsx-snapshots/Slider-smoke-range-availableValues-50-dark-webkit-linux.png b/....test.tsx-snapshots/Slider-smoke-range-availableValues-50-dark-webkit-linux.png
diff --git a/...st.tsx-snapshots/Slider-smoke-range-availableValues-50-light-chromium-linux.png b/...st.tsx-snapshots/Slider-smoke-range-availableValues-50-light-chromium-linux.png
diff --git a/...test.tsx-snapshots/Slider-smoke-range-availableValues-50-light-webkit-linux.png b/...test.tsx-snapshots/Slider-smoke-range-availableValues-50-light-webkit-linux.png
diff --git a/...est.tsx-snapshots/Slider-smoke-range-availableValues-55-dark-chromium-linux.png b/...est.tsx-snapshots/Slider-smoke-range-availableValues-55-dark-chromium-linux.png
diff --git a/....test.tsx-snapshots/Slider-smoke-range-availableValues-55-dark-webkit-linux.png b/....test.tsx-snapshots/Slider-smoke-range-availableValues-55-dark-webkit-linux.png
diff --git a/...st.tsx-snapshots/Slider-smoke-range-availableValues-55-light-chromium-linux.png b/...st.tsx-snapshots/Slider-smoke-range-availableValues-55-light-chromium-linux.png
diff --git a/...test.tsx-snapshots/Slider-smoke-range-availableValues-55-light-webkit-linux.png b/...test.tsx-snapshots/Slider-smoke-range-availableValues-55-light-webkit-linux.png
diff --git a/...est.tsx-snapshots/Slider-smoke-range-availableValues-65-dark-chromium-linux.png b/...est.tsx-snapshots/Slider-smoke-range-availableValues-65-dark-chromium-linux.png
diff --git a/....test.tsx-snapshots/Slider-smoke-range-availableValues-65-dark-webkit-linux.png b/....test.tsx-snapshots/Slider-smoke-range-availableValues-65-dark-webkit-linux.png
diff --git a/...st.tsx-snapshots/Slider-smoke-range-availableValues-65-light-chromium-linux.png b/...st.tsx-snapshots/Slider-smoke-range-availableValues-65-light-chromium-linux.png
diff --git a/...test.tsx-snapshots/Slider-smoke-range-availableValues-65-light-webkit-linux.png b/...test.tsx-snapshots/Slider-smoke-range-availableValues-65-light-webkit-linux.png
diff --git a/...est.tsx-snapshots/Slider-smoke-range-availableValues-80-dark-chromium-linux.png b/...est.tsx-snapshots/Slider-smoke-range-availableValues-80-dark-chromium-linux.png
diff --git a/....test.tsx-snapshots/Slider-smoke-range-availableValues-80-dark-webkit-linux.png b/....test.tsx-snapshots/Slider-smoke-range-availableValues-80-dark-webkit-linux.png
diff --git a/...st.tsx-snapshots/Slider-smoke-range-availableValues-80-light-chromium-linux.png b/...st.tsx-snapshots/Slider-smoke-range-availableValues-80-light-chromium-linux.png
diff --git a/...test.tsx-snapshots/Slider-smoke-range-availableValues-80-light-webkit-linux.png b/...test.tsx-snapshots/Slider-smoke-range-availableValues-80-light-webkit-linux.png
diff --git a/src/components/Slider/__tests__/Slider.visual.test.tsx b/src/components/Slider/__tests__/Slider.visual.test.tsx
@@ -3,8 +3,8 @@ import React from 'react';
 import {test} from '~playwright/core';
 
 import {createSmokeScenarios} from '../../../stories/tests-factory/create-smoke-scenarios';
-import type {SliderProps} from '../Slider';
 import {Slider} from '../Slider';
+import type {SliderProps} from '../types';
 
 import {
     availableValuesCases,
@@ -17,10 +17,11 @@ import {
 } from './cases';
 
 test.describe('Slider', {tag: '@Slider'}, () => {
-    const defaultProps: SliderProps<number> = {
+    const defaultProps: SliderProps = {
         value: 40,
         min: 0,
         max: 100,
+        onUpdate: () => {},
     };
 
     createSmokeScenarios(defaultProps, {
@@ -43,7 +44,7 @@ test.describe('Slider', {tag: '@Slider'}, () => {
         });
     });
 
-    createSmokeScenarios(
+    createSmokeScenarios<SliderProps>(
         {
             ...defaultProps,
             validationState: 'invalid',
@@ -69,13 +70,14 @@ test.describe('Slider', {tag: '@Slider'}, () => {
         });
     });
 
-    const defaultRangeProps: SliderProps<[number, number]> = {
+    const defaultRangeProps: SliderProps = {
         value: [20, 40],
         min: 0,
         max: 100,
+        onUpdate: () => {},
     };
 
-    createSmokeScenarios(
+    createSmokeScenarios<SliderProps>(
         defaultRangeProps,
         {
             size: sizeCases,
@@ -100,7 +102,8 @@ test.describe('Slider', {tag: '@Slider'}, () => {
             await expectScreenshot();
         });
     });
-    createSmokeScenarios(
+
+    createSmokeScenarios<SliderProps>(
         {
             ...defaultRangeProps,
             validationState: 'invalid',

diff --git a/src/components/Slider/__tests__/cases.tsx b/src/components/Slider/__tests__/cases.tsx
@@ -1,10 +1,12 @@
-import type {Cases} from '../../../stories/tests-factory/models';
-import type {SliderProps} from '../Slider';
+import type {Cases, CasesWithName} from '../../../stories/tests-factory/models';
+import type {SliderProps} from '../types';
 
 export const sizeCases: Cases<SliderProps['size']> = ['s', 'm', 'l', 'xl'];
 export const disabledCases: Cases<SliderProps['disabled']> = [true];
 export const validationStateCases: Cases<SliderProps['validationState']> = ['invalid'];
 export const hasTooltipCases: Cases<SliderProps['hasTooltip']> = [true];
 export const marksCountCases: Cases<SliderProps['marksCount']> = [4];
 export const stepCases: Cases<SliderProps['step']> = [5];
-export const availableValuesCases: Cases<SliderProps['availableValues']> = [10, 20, 50, 55, 65, 80];
+export const availableValuesCases: CasesWithName<SliderProps['availableValues']> = [
+    ['10-20-50-55-65-80', [10, 20, 50, 55, 65, 80]],
+];