image/tests/controlled.test.tsx at 7ef9fcca519251601b385ac1ec2daf9bce588db1 · react-component/image · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
import { act, fireEvent, render } from '@testing-library/react';
import React from 'react';
import Image from '../src';

describe('Controlled', () => {
  beforeEach(() => {
    jest.useFakeTimers();
  });

  afterEach(() => {
    jest.useRealTimers();
  });
  it('With previewVisible', () => {
    const { rerender } = render(
      <Image
        src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
        preview={{ open: true }}
      />,
    );

    expect(document.querySelector('.rc-image-preview')).toBeTruthy();

    rerender(
      <Image
        src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
        preview={{ open: false }}
      />,
    );

    act(() => {
      jest.runAllTimers();
    });

    expect(document.querySelector('.rc-image-preview')).toBeTruthy();
  });

  it('controlled current in group', () => {
    const { rerender } = render(
      <Image.PreviewGroup preview={{ current: 1 }}>
        <Image src="src1" className="first-img" />
        <Image src="src2" />
        <Image src="src3" />
      </Image.PreviewGroup>,
    );

    fireEvent.click(document.querySelector('.first-img'));

    expect(document.querySelector('.rc-image-preview-img')).toHaveAttribute('src', 'src2');

    rerender(
      <Image.PreviewGroup preview={{ current: 2 }}>
        <Image src="src1" className="first-img" />
        <Image src="src2" />
        <Image src="src3" />
      </Image.PreviewGroup>,
    );

    expect(document.querySelector('.rc-image-preview-img')).toHaveAttribute('src', 'src3');
  });
});