@cainiaofe/cn-ui-m
Version:
40 lines (39 loc) • 1.74 kB
JavaScript
import { __assign } from "tslib";
import React from 'react';
import { render } from '@testing-library/react';
import { CnImageViewer } from '../index';
describe('CnImageViewer', function () {
var src = [
'https://example.com/image1.jpg',
'https://example.com/image2.jpg',
];
var props = {
src: src,
index: 0,
width: 100,
height: 100,
single: false,
};
it('renders correctly with multiple images', function () {
var container = render(React.createElement(CnImageViewer, __assign({}, props))).container;
expect(container.querySelector('.cn-ui-m-image-viewer')).toBeInTheDocument();
expect(container.querySelectorAll('.cn-ui-m-image-viewer-item')).toHaveLength(2);
});
it('renders correctly with a single image', function () {
var container = render(React.createElement(CnImageViewer, __assign({}, props, { single: true }))).container;
expect(container.querySelector('.cn-ui-m-image-single-viewer')).toBeInTheDocument();
expect(container.querySelector('.cn-ui-m-image-single-viewer img')).toBeInTheDocument();
});
// it('opens the viewer when an image is clicked', () => {
// const { container } = render(<CnImageViewer {...props} single />);
// fireEvent.click(container.querySelector('.cn-ui-m-image-single-viewer'));
// expect(
// container.querySelector('.cn-ui-m-image-viewer-slider-item'),
// ).toBeInTheDocument();
// });
it('opens the viewer using the static open method', function () {
var hide = CnImageViewer.open(props).hide;
expect(document.querySelector('.cn-ui-m-image-viewer-slider')).toBeInTheDocument();
hide();
});
});