f4570c96c2
* E2E Tests: Download Image File Modal * CI fix * Fixes for PR comments * Small change just to check CI behavior * Fix for CI failure: comparing classes instead of image src * Fixed Download button test and blocked Download Dialog event * Deleting file ConnectedViewportDownloadForm.js This file was not supposed to be created by this PR. It was already deleted by another user on Master branch. * Removing wrong import line * Fixes based on PR comments * Fixes based on PR comments * test: remove assignment to window
127 lines
4.2 KiB
JavaScript
127 lines
4.2 KiB
JavaScript
describe('OHIF Download Snapshot File', () => {
|
|
before(() => {
|
|
cy.openStudy('MISTER^MR');
|
|
cy.waitDicomImage();
|
|
cy.expectMinimumThumbnails(5);
|
|
});
|
|
|
|
beforeEach(() => {
|
|
cy.openDownloadImageModal();
|
|
});
|
|
|
|
afterEach(() => {
|
|
// Close modal
|
|
cy.get('[data-cy="close-button"]')
|
|
.scrollIntoView()
|
|
.click();
|
|
});
|
|
|
|
it('checks displayed information for Tablet experience', function() {
|
|
// Set Tablet resolution
|
|
cy.viewport(1000, 660);
|
|
// Visual comparison
|
|
cy.screenshot('Download Image Modal - Tablet experience');
|
|
cy.percyCanvasSnapshot('Download Image Modal - Tablet experience');
|
|
});
|
|
|
|
it('checks displayed information for Desktop experience', function() {
|
|
// Set Desktop resolution
|
|
cy.viewport(1750, 720);
|
|
// Visual comparison
|
|
cy.screenshot('Download Image Modal - Desktop experience');
|
|
cy.percyCanvasSnapshot('Download Image Modal - Desktop experience');
|
|
//Check if all elements are displayed
|
|
cy.get('[data-cy=modal-header]')
|
|
.as('downloadImageModal')
|
|
.should('contain.text', 'Download High Quality Image');
|
|
// Check input fields
|
|
cy.get('[data-cy=file-type]')
|
|
.select('png')
|
|
.should('have.value', 'png')
|
|
.select('jpg')
|
|
.should('have.value', 'jpg');
|
|
// Check image preview
|
|
cy.get('[data-cy="image-preview"]').should('contain.text', 'Image Preview');
|
|
cy.get('[data-cy="viewport-preview-img"]')
|
|
.should('have.attr', 'src')
|
|
.and('include', 'data:image');
|
|
// Check buttons
|
|
cy.get('[data-cy="cancel-btn"]')
|
|
.scrollIntoView()
|
|
.should('be.visible');
|
|
cy.get('[data-cy="download-btn"]')
|
|
.scrollIntoView()
|
|
.should('be.visible');
|
|
});
|
|
|
|
it('cancel changes on download modal', function() {
|
|
//Change Image Width, Filename and File Type
|
|
cy.get('[data-cy="image-width"]')
|
|
.clear()
|
|
.type('300');
|
|
cy.get('[data-cy="image-height"]') //Image Height should be the same as width
|
|
.should('have.value', '300');
|
|
cy.get('[data-cy="file-name"]')
|
|
.clear()
|
|
.type('new-filename');
|
|
cy.get('[data-cy=file-type]').select('png');
|
|
//Click on Cancel button
|
|
cy.get('[data-cy="cancel-btn"]')
|
|
.scrollIntoView()
|
|
.click();
|
|
//Check modal is closed
|
|
cy.get('[data-cy="modal"]').should('not.exist');
|
|
//Open Modal
|
|
cy.openDownloadImageModal();
|
|
//Verify default values was restored
|
|
cy.get('[data-cy="image-width"]').should('have.value', '512');
|
|
cy.get('[data-cy="file-name"]').should('have.value', 'image');
|
|
cy.get('[data-cy=file-type]').should('have.value', 'jpg');
|
|
});
|
|
|
|
// TO-DO once issue is fixed: https://github.com/OHIF/Viewers/issues/1217
|
|
// it('checks error messages for empty fields', function() {
|
|
// //Clear fields Image Width and Filename
|
|
// cy.get('[data-cy="image-width"]')
|
|
// .clear();
|
|
// cy.get('[data-cy="file-name"]').clear();
|
|
|
|
// //Click on Download button
|
|
// cy.get('[data-cy="download-btn"]')
|
|
// .scrollIntoView()
|
|
// .click();
|
|
// //Check error message
|
|
// });
|
|
|
|
it('checks if "Show Annotations" checkbox will display annotations', function() {
|
|
// Close modal that is initially opened
|
|
cy.get('[data-cy="close-button"]').click();
|
|
|
|
// Add measurements in the viewport
|
|
cy.addLengthMeasurement();
|
|
cy.addAngleMeasurement();
|
|
|
|
// Open Modal
|
|
cy.openDownloadImageModal();
|
|
// Select "Show Annotations" option
|
|
cy.get('[data-cy="show-annotations"]').check();
|
|
// Check image preview
|
|
cy.get('[data-cy="image-preview"]').scrollIntoView();
|
|
// Visual comparison
|
|
cy.screenshot('Download Image Modal - Show Annotations checked');
|
|
cy.percyCanvasSnapshot('Download Image Modal - Show Annotations checked');
|
|
//Compare classes that exists on Image Preview with Annotations and Without Annotation
|
|
cy.get('[data-cy="modal-content"]')
|
|
.find('canvas')
|
|
.should('have.class', 'magnifyTool'); //Class "MagnifyTool" exists with annotations displayed on Image preview
|
|
// Uncheck "Show Annotations" option
|
|
cy.get('[data-cy="show-annotations"]')
|
|
.uncheck()
|
|
.wait(300);
|
|
// Check that class "MagnifyTool" should not exist
|
|
cy.get('[data-cy="modal-content"]')
|
|
.find('canvas')
|
|
.should('not.have.class', 'magnifyTool');
|
|
});
|
|
});
|