|
1 | 1 | import { createRenderer, describeConformance } from '@mui/internal-test-utils'; |
2 | 2 | import { ChartDataProviderPro } from '@mui/x-charts-pro/ChartDataProviderPro'; |
3 | | -import { ChartsSurface, chartsSurfaceClasses } from '@mui/x-charts/ChartsSurface'; |
4 | | -import { isJSDOM } from '@mui/x-internals/platform'; |
5 | 3 |
|
6 | 4 | describe('<ChartDataProviderPro />', () => { |
7 | 5 | const { render } = createRenderer(); |
@@ -29,84 +27,4 @@ describe('<ChartDataProviderPro />', () => { |
29 | 27 | 'themeCustomPalette', |
30 | 28 | ], |
31 | 29 | })); |
32 | | - |
33 | | - it.skipIf(isJSDOM)('should have touch-action=auto when zoom is disabled', () => { |
34 | | - const { container } = render( |
35 | | - <ChartDataProviderPro |
36 | | - xAxis={[{ data: [1, 2] }]} |
37 | | - series={[{ type: 'line', data: [10, 20] }]} |
38 | | - width={100} |
39 | | - height={100} |
40 | | - > |
41 | | - <ChartsSurface /> |
42 | | - </ChartDataProviderPro>, |
43 | | - ); |
44 | | - |
45 | | - // eslint-disable-next-line testing-library/no-container |
46 | | - const surface = container.querySelector(`.${chartsSurfaceClasses.root}`) as HTMLElement; |
47 | | - |
48 | | - expect(getComputedStyle(surface).touchAction).to.eq('auto'); |
49 | | - }); |
50 | | - |
51 | | - it.skipIf(isJSDOM)('should have touch-action=pan-y when zoom is enabled', () => { |
52 | | - const { container } = render( |
53 | | - <ChartDataProviderPro |
54 | | - xAxis={[{ data: [1, 2], zoom: true }]} |
55 | | - series={[{ type: 'line', data: [10, 20] }]} |
56 | | - width={100} |
57 | | - height={100} |
58 | | - > |
59 | | - <ChartsSurface /> |
60 | | - </ChartDataProviderPro>, |
61 | | - ); |
62 | | - |
63 | | - // eslint-disable-next-line testing-library/no-container |
64 | | - const surface = container.querySelector(`.${chartsSurfaceClasses.root}`) as HTMLElement; |
65 | | - |
66 | | - expect(getComputedStyle(surface).touchAction).to.eq('pan-y'); |
67 | | - }); |
68 | | - |
69 | | - it.skipIf(isJSDOM)( |
70 | | - 'should have touch-action=auto when zoom is disabled, but controlled zoom data is set', |
71 | | - () => { |
72 | | - const { container } = render( |
73 | | - <ChartDataProviderPro |
74 | | - xAxis={[{ id: 'x', data: [1, 2] }]} |
75 | | - series={[{ type: 'line', xAxisId: 'x', data: [10, 20] }]} |
76 | | - zoomData={[{ axisId: 'x', start: 0, end: 100 }]} |
77 | | - width={100} |
78 | | - height={100} |
79 | | - > |
80 | | - <ChartsSurface /> |
81 | | - </ChartDataProviderPro>, |
82 | | - ); |
83 | | - |
84 | | - // eslint-disable-next-line testing-library/no-container |
85 | | - const surface = container.querySelector(`.${chartsSurfaceClasses.root}`) as HTMLElement; |
86 | | - |
87 | | - expect(getComputedStyle(surface).touchAction).to.eq('auto'); |
88 | | - }, |
89 | | - ); |
90 | | - |
91 | | - it.skipIf(isJSDOM)( |
92 | | - 'should have touch-action=pan-y when zoom is enabled and controlled zoom data is set', |
93 | | - () => { |
94 | | - const { container } = render( |
95 | | - <ChartDataProviderPro |
96 | | - xAxis={[{ id: 'x', data: [1, 2], zoom: true }]} |
97 | | - series={[{ type: 'line', xAxisId: 'x', data: [10, 20] }]} |
98 | | - zoomData={[{ axisId: 'x', start: 0, end: 100 }]} |
99 | | - width={100} |
100 | | - height={100} |
101 | | - > |
102 | | - <ChartsSurface /> |
103 | | - </ChartDataProviderPro>, |
104 | | - ); |
105 | | - |
106 | | - // eslint-disable-next-line testing-library/no-container |
107 | | - const surface = container.querySelector(`.${chartsSurfaceClasses.root}`) as HTMLElement; |
108 | | - |
109 | | - expect(getComputedStyle(surface).touchAction).to.eq('pan-y'); |
110 | | - }, |
111 | | - ); |
112 | 30 | }); |
0 commit comments