From 8b527df654e76beffca3efc3650d5af535f7e034 Mon Sep 17 00:00:00 2001 From: klakhov Date: Fri, 8 Sep 2023 10:23:00 +0300 Subject: [PATCH] updated case `26` --- ..._brightness_contrast_saturation_feature.js | 59 --------- .../case_26_canvas_color_settings_feature.js | 117 ++++++++++++++++++ 2 files changed, 117 insertions(+), 59 deletions(-) delete mode 100644 tests/cypress/e2e/actions_tasks2/case_26_canvas_brightness_contrast_saturation_feature.js create mode 100644 tests/cypress/e2e/actions_tasks2/case_26_canvas_color_settings_feature.js diff --git a/tests/cypress/e2e/actions_tasks2/case_26_canvas_brightness_contrast_saturation_feature.js b/tests/cypress/e2e/actions_tasks2/case_26_canvas_brightness_contrast_saturation_feature.js deleted file mode 100644 index 4159cf7fd97e..000000000000 --- a/tests/cypress/e2e/actions_tasks2/case_26_canvas_brightness_contrast_saturation_feature.js +++ /dev/null @@ -1,59 +0,0 @@ -// Copyright (C) 2020-2022 Intel Corporation -// -// SPDX-License-Identifier: MIT - -/// - -import { taskName } from '../../support/const'; -import { generateString } from '../../support/utils'; - -context('Canvas brightness/contrast/saturation feature', () => { - const caseId = '26'; - const countActionMoveSlider = 10; - const defaultValueInSidebar = 100; - const expectedResultInSetting = defaultValueInSidebar + countActionMoveSlider; - const classNameSliders = [ - '.cvat-image-setups-brightness', - '.cvat-image-setups-contrast', - '.cvat-image-setups-saturation', - ]; - - function checkStateValuesInBackground(expectedValue) { - cy.get('#cvat_canvas_background') - .should('have.attr', 'style') - .and( - 'contain', - `filter: brightness(${expectedValue}) contrast(${expectedValue}) saturate(${expectedValue})`, - ); - } - - before(() => { - cy.openTaskJob(taskName); - cy.get('.cvat-canvas-image-setups-trigger').click(); - }); - - describe(`Testing case "${caseId}"`, () => { - it('Check apply of settings', () => { - const stringAction = generateString(countActionMoveSlider, 'rightarrow'); - cy.get('.cvat-canvas-image-setups-content').within(() => { - cy.wrap(classNameSliders).each(($el) => { - cy.wrap($el) - .get($el) - .within(() => { - cy.get('[role=slider]') - .type(stringAction) - .should('have.attr', 'aria-valuenow', expectedResultInSetting); - }); - }); - }); - const expectedResultInBackground = (defaultValueInSidebar + countActionMoveSlider) / 100; - checkStateValuesInBackground(expectedResultInBackground); - }); - - it('Check reset of settings', () => { - cy.get('.cvat-image-setups-reset-color-settings').find('button').click(); - const expectedResultInBackground = defaultValueInSidebar / 100; - checkStateValuesInBackground(expectedResultInBackground); - }); - }); -}); diff --git a/tests/cypress/e2e/actions_tasks2/case_26_canvas_color_settings_feature.js b/tests/cypress/e2e/actions_tasks2/case_26_canvas_color_settings_feature.js new file mode 100644 index 000000000000..53efdb5ff494 --- /dev/null +++ b/tests/cypress/e2e/actions_tasks2/case_26_canvas_color_settings_feature.js @@ -0,0 +1,117 @@ +// Copyright (C) 2020-2022 Intel Corporation +// Copyright (C) 2023 CVAT.ai Corporation +// +// SPDX-License-Identifier: MIT + +/// + +import { taskName } from '../../support/const'; +import { generateString } from '../../support/utils'; + +context('Canvas color settings feature', () => { + const caseId = '26'; + const countActionMoveSlider = 10; + const defaultValueInSidebar = 100; + const defaultValueInSetting = [ + defaultValueInSidebar, + defaultValueInSidebar, + defaultValueInSidebar, + ]; + const expectedResultInSetting = [ + defaultValueInSidebar + countActionMoveSlider, + defaultValueInSidebar + countActionMoveSlider, + defaultValueInSidebar + countActionMoveSlider, + ]; + const classNameSliders = [ + '.cvat-image-setups-brightness', + '.cvat-image-setups-contrast', + '.cvat-image-setups-saturation', + ]; + + const countActionMoveFilterSlider = 30; + const defaultValueInSettingFilters = [ + 1.0, + ]; + const expectedResultInSettingFilters = [ + 1.3, + ]; + const filterSlidersClassNames = [ + '.cvat-image-setups-gamma', + ]; + + function checkStateValuesInBackground(expectedValue) { + cy.get('#cvat_canvas_background') + .should('have.attr', 'style') + .and( + 'contain', + `filter: brightness(${expectedValue}) contrast(${expectedValue}) saturate(${expectedValue})`, + ); + } + + function applyStringAction(wrapper, slidersClassNames, action) { + cy.get(wrapper).within(() => { + cy.wrap(slidersClassNames).each(($el) => { + cy.wrap($el) + .get($el) + .within(() => { + cy.get('[role=slider]').type(action); + }); + }); + }); + } + + function checkSlidersValue(wrapper, slidersClassNames, expectedResult) { + cy.get(wrapper).within(() => { + cy.wrap(slidersClassNames).each(($el, index) => { + cy.wrap($el) + .get($el) + .within(() => { + cy.get('[role=slider]') + .should('have.attr', 'aria-valuenow', expectedResult[index]); + }); + }); + }); + } + + before(() => { + cy.openTaskJob(taskName); + cy.get('.cvat-canvas-image-setups-trigger').click(); + }); + + describe(`Testing case "${caseId}"`, () => { + it('Check application of CSS filters', () => { + const stringAction = generateString(countActionMoveSlider, 'rightarrow'); + applyStringAction( + '.cvat-canvas-image-setups-content', classNameSliders, stringAction, + ); + checkSlidersValue( + '.cvat-canvas-image-setups-content', classNameSliders, expectedResultInSetting, + ); + const expectedResultInBackground = (defaultValueInSidebar + countActionMoveSlider) / 100; + checkStateValuesInBackground(expectedResultInBackground); + }); + + it('Check application of image processing filters', () => { + const stringAction = generateString(countActionMoveFilterSlider, 'rightarrow'); + applyStringAction( + '.cvat-image-setups-filters', filterSlidersClassNames, stringAction, + ); + checkSlidersValue( + '.cvat-image-setups-filters', filterSlidersClassNames, expectedResultInSettingFilters, + ); + cy.get('.cvat-notification-notice-image-processing-error').should('not.exist'); + }); + + it('Check reset of settings', () => { + cy.get('.cvat-image-setups-reset-color-settings').find('button').click(); + const expectedResultInBackground = defaultValueInSidebar / 100; + checkStateValuesInBackground(expectedResultInBackground); + checkSlidersValue( + '.cvat-canvas-image-setups-content', classNameSliders, defaultValueInSetting, + ); + checkSlidersValue( + '.cvat-image-setups-filters', filterSlidersClassNames, defaultValueInSettingFilters, + ); + }); + }); +});