@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
133 lines • 6.35 kB
JavaScript
import React from 'react';
import { render, cleanup } from '@testing-library/react';
import { setGlobalId } from '@zohodesk/components/es/Provider/IdProvider';
import AttachmentViewer from "../AttachmentViewer";
beforeEach(() => {
setGlobalId(0);
});
afterEach(() => {
cleanup();
});
describe('AttachmentViewer', () => {
test('rendering the defult props', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(AttachmentViewer, {
previewObj: {
previewData: [{
id: '1',
name: 'slack0.jpg',
size: '100412',
href: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
viewUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
downloadUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG'
}, {
id: '2',
name: 'slack1.jpg',
size: '100412',
href: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
viewUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
downloadUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg'
}, {
id: '3',
name: 'slack2.jpg',
size: '100412',
href: 'https://wallpapercave.com/wp/wp3913900.jpg',
viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
}, {
id: '4',
name: 'slack3.jpg',
size: '100412',
href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
}, {
id: '5',
name: 'slack4.jpg',
size: '100412',
href: 'https://wallpapercave.com/wp/wp3913900.jpg',
viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
}, {
id: '6',
name: 'slack5.jpg',
size: '100412',
href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
}, {
id: '6',
name: 'slack5.mp3',
size: '100412',
href: 'https://www.w3schools.com/html/horse.mp3',
viewUrl: 'https://www.w3schools.com/html/horse.mp3',
downloadUrl: 'https://www.w3schools.com/html/horse.mp3'
}],
selectedIndex: 0
}
}));
expect(asFragment()).toMatchSnapshot();
});
test('rendering the when isActive is true ', () => {
const {
asFragment
} = render( /*#__PURE__*/React.createElement(AttachmentViewer, {
isActive: true,
previewObj: {
previewData: [{
id: '1',
name: 'slack0.jpg',
size: '100412',
href: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
viewUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
downloadUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG'
}, {
id: '2',
name: 'slack1.jpg',
size: '100412',
href: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
viewUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
downloadUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg'
}, {
id: '3',
name: 'slack2.jpg',
size: '100412',
href: 'https://wallpapercave.com/wp/wp3913900.jpg',
viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
}, {
id: '4',
name: 'slack3.jpg',
size: '100412',
href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
}, {
id: '5',
name: 'slack4.jpg',
size: '100412',
href: 'https://wallpapercave.com/wp/wp3913900.jpg',
viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
}, {
id: '6',
name: 'slack5.jpg',
size: '100412',
href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
}, {
id: '6',
name: 'slack5.mp3',
size: '100412',
href: 'https://www.w3schools.com/html/horse.mp3',
viewUrl: 'https://www.w3schools.com/html/horse.mp3',
downloadUrl: 'https://www.w3schools.com/html/horse.mp3'
}],
selectedIndex: 0
}
}));
expect(asFragment()).toMatchSnapshot();
});
});