You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
4.2 KiB
JavaScript
108 lines
4.2 KiB
JavaScript
// Copyright (C) 2021 Intel Corporation
|
|
//
|
|
// SPDX-License-Identifier: MIT
|
|
|
|
/// <reference types="cypress" />
|
|
|
|
context('Context images for 2D tasks.', () => {
|
|
const caseId = '90';
|
|
const labelName = `Case ${caseId}`;
|
|
const taskName = `New annotation task for ${labelName}`;
|
|
const attrName = `Attr for ${labelName}`;
|
|
const textDefaultValue = 'color';
|
|
const pathToArchive = `../../${__dirname}/assets/case_90/case_90_context_image.zip`;
|
|
|
|
function previewRotate (directionRotation, expectedDeg) {
|
|
if (directionRotation === 'right') {
|
|
cy.get('[data-icon="rotate-right"]').click();
|
|
} else {
|
|
cy.get('[data-icon="rotate-left"]').click();
|
|
}
|
|
cy.get('.ant-image-preview-img').should('have.attr', 'style').and('contain', `rotate(${expectedDeg}deg)`);
|
|
}
|
|
|
|
function previewScaleWheel (zoom, expectedScaleValue) {
|
|
cy.get('.ant-image-preview-img')
|
|
.trigger('wheel', {deltaY: zoom})
|
|
.should('have.attr', 'style')
|
|
.and('contain', `scale3d(${expectedScaleValue})`);
|
|
}
|
|
|
|
function previewScaleButton (zoom, expectedScaleValue) {
|
|
cy.get(`[data-icon="zoom-${zoom}"]`).click();
|
|
cy.get('.ant-image-preview-img')
|
|
.should('have.attr', 'style')
|
|
.and('contain', `scale3d(${expectedScaleValue})`);
|
|
}
|
|
|
|
before(() => {
|
|
cy.visit('auth/login');
|
|
cy.login();
|
|
cy.createAnnotationTask(
|
|
taskName,
|
|
labelName,
|
|
attrName,
|
|
textDefaultValue,
|
|
pathToArchive,
|
|
);
|
|
cy.openTaskJob(taskName);
|
|
});
|
|
|
|
after(() => {
|
|
cy.goToTaskList();
|
|
cy.deleteTask(taskName);
|
|
});
|
|
|
|
describe(`Testing case "${caseId}"`, () => {
|
|
it('Check a context image.', () => {
|
|
cy.get('.cvat-context-image').should('exist').and('be.visible');
|
|
cy.get('.cvat-player-next-button').click();
|
|
cy.get('.cvat-context-image').should('exist').and('be.visible'); // Check a context image on the second frame
|
|
cy.get('.cvat-player-previous-button').click();
|
|
cy.get('.cvat-context-image-switcher').click(); // Hide a context image
|
|
cy.get('.cvat-context-image').should('not.exist');
|
|
cy.get('.cvat-context-image-switcher').click(); // Unhide
|
|
cy.get('.cvat-context-image').should('exist').and('be.visible');
|
|
});
|
|
|
|
it('Preview a context image. Rotate.', () => {
|
|
let degRight = 0;
|
|
let degLeft = 360;
|
|
cy.contains('Preview').click();
|
|
cy.get('.ant-image-preview-mask').should('exist');
|
|
for (let numberSpins = 0; numberSpins < 4; numberSpins++) {
|
|
degRight += 90;
|
|
previewRotate('right', String(degRight));
|
|
}
|
|
for (let numberSpins = 0; numberSpins < 4; numberSpins++) {
|
|
degLeft -= 90;
|
|
previewRotate('left', String(degLeft));
|
|
}
|
|
});
|
|
|
|
it('Preview a context image. Scale.', () => {
|
|
previewScaleWheel(-1, '2, 2, 1');
|
|
previewScaleWheel(1, '1, 1, 1');
|
|
previewScaleButton('in', '2, 2, 1');
|
|
previewScaleButton('out', '1, 1, 1');
|
|
});
|
|
|
|
it('Preview a context image. Move.', () => {
|
|
cy.get('.ant-image-preview-img-wrapper').should('have.attr', 'style').then((translate3d) => {
|
|
cy.get('.ant-image-preview-img').trigger('mousedown', {button: 0});
|
|
cy.get('.ant-image-preview-moving').should('exist');
|
|
cy.get('.ant-image-preview-wrap').trigger('mousemove', 300, 300);
|
|
cy.get('.ant-image-preview-img-wrapper').should('have.attr', 'style').and('not.equal', translate3d)
|
|
cy.get('.ant-image-preview-img').trigger('mouseup');
|
|
cy.get('.ant-image-preview-moving').should('not.exist');
|
|
cy.get('.ant-image-preview-img-wrapper').should('have.attr', 'style').and('equal', translate3d)
|
|
});
|
|
});
|
|
|
|
it('Preview a context image. Cancel preview.', () => {
|
|
cy.get('.ant-image-preview-wrap').type('{Esc}');
|
|
cy.get('.ant-image-preview-wrap').should('have.attr', 'style').and('contain', 'display: none')
|
|
});
|
|
});
|
|
});
|