feat: del unit

Author: 梁朝飞

tests/index.test.tsx

@@ -451,148 +451,6 @@ describe('rc-segmented', () => {
       offsetParentSpy.mockRestore();
     });
   });
-  describe('Segmented vertical layout animations', () => {
-    it('basic', () => {
-      const offsetParentSpy = jest
-        .spyOn(HTMLElement.prototype, 'offsetParent', 'get')
-        .mockImplementation(() => {
-          return container;
-        });
-      const handleValueChange = jest.fn();
-      const { container, asFragment } = render(
-        <Segmented
-          options={['iOS', 'Android', 'Web3']}
-          onChange={(value) => handleValueChange(value)}
-        />,
-      );
-      expect(asFragment().firstChild).toMatchSnapshot();
-
-      expectMatchChecked(container, [true, false, false]);
-      expect(container.querySelectorAll('.rc-segmented-item')[0]).toHaveClass(
-        'rc-segmented-item-selected',
-      );
-
-      // >>> Click: Web3
-      fireEvent.click(
-        container.querySelectorAll('.rc-segmented-item-input')[2],
-      );
-      expect(handleValueChange).toBeCalledWith('Web3');
-      expectMatchChecked(container, [false, false, true]);
-
-      expect(container.querySelectorAll('.rc-segmented-thumb')[0]).toHaveClass(
-        'rc-segmented-thumb-motion',
-      );
-
-      // thumb appeared at `iOS`
-      exceptThumbHaveStyle(container, {
-        '--thumb-start-top': '0px',
-        '--thumb-start-height': '0px',
-      });
-
-      // Motion => active
-      act(() => {
-        jest.runAllTimers();
-      });
-
-      // Motion enter end
-      fireEvent.animationEnd(container.querySelector('.rc-segmented-thumb')!);
-      act(() => {
-        jest.runAllTimers();
-      });
-
-      // thumb should disappear
-      expect(container.querySelector('.rc-segmented-thumb')).toBeFalsy();
-
-      // >>> Click: Android
-      fireEvent.click(
-        container.querySelectorAll('.rc-segmented-item-input')[1],
-      );
-      expect(handleValueChange).toBeCalledWith('Android');
-      expectMatchChecked(container, [false, true, false]);
-
-      // thumb should move
-      expect(container.querySelector('.rc-segmented-thumb')).toHaveClass(
-        'rc-segmented-thumb-motion',
-      );
-
-      // thumb appeared at `Web3`
-      exceptThumbHaveStyle(container, {
-        '--thumb-start-top': '180px',
-        '--thumb-start-height': '0px',
-      });
-
-      // Motion appear end
-      act(() => {
-        jest.runAllTimers();
-      });
-      exceptThumbHaveStyle(container, {
-        '--thumb-active-top': '62px',
-        '--thumb-active-height': '0px',
-      });
-      fireEvent.animationEnd(container.querySelector('.rc-segmented-thumb')!);
-      act(() => {
-        jest.runAllTimers();
-      });
-
-      // thumb should disappear
-      expect(container.querySelector('.rc-segmented-thumb')).toBeFalsy();
-
-      offsetParentSpy.mockRestore();
-    });
-
-    // it('should apply correct styles on onAppearStart for vertical layout', () => {
-    //   const handleValueChange = jest.fn();
-    //   const { container } = render(
-    //     <Segmented
-    //       options={['iOS', 'Android', 'Web3']}
-    //       vertical
-    //       onChange={(value) => handleValueChange(value)}
-    //     />,
-    //   );
-
-    //   // 模拟点击 'Android' 选项，触发垂直布局下的 onAppearStart 动画
-    //   fireEvent.click(
-    //     container.querySelectorAll('.rc-segmented-item-input')[1],
-    //   );
-
-    //   // 验证 thumb 在垂直布局下的开始动画样式
-    //   exceptThumbHaveStyle(container, {
-    //     '--thumb-start-top': '180px',
-    //     '--thumb-start-height': '76px',
-    //   });
-    // });
-
-    // it('should apply correct styles on onAppearActive for vertical layout', () => {
-    //   const handleValueChange = jest.fn();
-    //   const { container } = render(
-    //     <Segmented
-    //       options={['iOS', 'Android', 'Web3']}
-    //       vertical
-    //       onChange={(value) => handleValueChange(value)}
-    //     />,
-    //   );
-
-    //   // 模拟点击 'iOS' 选项，触发垂直布局下的 onAppearActive 动画
-    //   fireEvent.click(
-    //     container.querySelectorAll('.rc-segmented-item-input')[0],
-    //   );
-
-    //   // 验证 thumb 在垂直布局下的活跃动画样式
-    //   exceptThumbHaveStyle(container, {
-    //     '--thumb-active-top': '180px',
-    //     '--thumb-active-height': '76px',
-    //   });
-    //   fireEvent.animationEnd(container.querySelector('.rc-segmented-thumb')!);
-    //   act(() => {
-    //     jest.runAllTimers();
-    //   });
-
-    //   // thumb should disappear
-    //   expect(container.querySelector('.rc-segmented-thumb')).toBeFalsy();
-
-    //   offsetParentSpy1.mockRestore();
-    // });
-  });
 
   it('render segmented with options null/undefined', () => {
     const handleValueChange = jest.fn();