86 lines
2.3 KiB
JavaScript
86 lines
2.3 KiB
JavaScript
|
import JSZip from 'jszip';
|
||
|
|
import SketchLoader from '~/blob/sketch';
|
||
|
|
|
||
|
|
jest.mock('jszip');
|
||
|
|
|
||
|
|
describe('Sketch viewer', () => {
|
||
|
|
preloadFixtures('static/sketch_viewer.html');
|
||
|
|
|
||
|
|
beforeEach(() => {
|
||
|
|
loadFixtures('static/sketch_viewer.html');
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('with error message', () => {
|
||
|
|
beforeEach(done => {
|
||
|
|
jest.spyOn(SketchLoader.prototype, 'getZipFile').mockImplementation(
|
||
|
|
() =>
|
||
|
|
new Promise((resolve, reject) => {
|
||
|
|
reject();
|
||
|
|
done();
|
||
|
|
}),
|
||
|
|
);
|
||
|
|
|
||
|
|
return new SketchLoader(document.getElementById('js-sketch-viewer'));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders error message', () => {
|
||
|
|
expect(document.querySelector('#js-sketch-viewer p')).not.toBeNull();
|
||
|
|
|
||
|
|
expect(document.querySelector('#js-sketch-viewer p').textContent.trim()).toContain(
|
||
|
|
'Cannot show preview.',
|
||
|
|
);
|
||
|
|
});
|
||
|
|
|
||
|
|
it('removes the loading icon', () => {
|
||
|
|
expect(document.querySelector('.js-loading-icon')).toBeNull();
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
describe('success', () => {
|
||
|
|
beforeEach(done => {
|
||
|
|
const loadAsyncMock = {
|
||
|
|
files: {
|
||
|
|
'previews/preview.png': {
|
||
|
|
async: jest.fn(),
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
loadAsyncMock.files['previews/preview.png'].async.mockImplementation(
|
||
|
|
() =>
|
||
|
|
new Promise(resolve => {
|
||
|
|
resolve('foo');
|
||
|
|
done();
|
||
|
|
}),
|
||
|
|
);
|
||
|
|
|
||
|
|
jest.spyOn(SketchLoader.prototype, 'getZipFile').mockResolvedValue();
|
||
|
|
jest.spyOn(JSZip, 'loadAsync').mockResolvedValue(loadAsyncMock);
|
||
|
|
return new SketchLoader(document.getElementById('js-sketch-viewer'));
|
||
|
|
});
|
||
|
|
|
||
|
|
it('does not render error message', () => {
|
||
|
|
expect(document.querySelector('#js-sketch-viewer p')).toBeNull();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('removes the loading icon', () => {
|
||
|
|
expect(document.querySelector('.js-loading-icon')).toBeNull();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders preview img', () => {
|
||
|
|
const img = document.querySelector('#js-sketch-viewer img');
|
||
|
|
|
||
|
|
expect(img).not.toBeNull();
|
||
|
|
expect(img.classList.contains('img-fluid')).toBeTruthy();
|
||
|
|
});
|
||
|
|
|
||
|
|
it('renders link to image', () => {
|
||
|
|
const img = document.querySelector('#js-sketch-viewer img');
|
||
|
|
const link = document.querySelector('#js-sketch-viewer a');
|
||
|
|
|
||
|
|
expect(link.href).toBe(img.src);
|
||
|
|
expect(link.target).toBe('_blank');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
});
|