Test autosaving of gamma correction setting

tests/cypress/e2e/actions_tasks/case_68_saving_settings_local_storage.js

@@ -6,9 +6,30 @@
 /// <reference types="cypress" />
 
 import { taskName } from '../../support/const';
+import { generateString } from '../../support/utils';
 
 context('Saving setting to local storage.', () => {
     const caseId = '68';
+    const defaultGammaValue = 1;
+    const nbumps = 5;
+    const step = 0.01;
+    function bumpGamma(nsteps) {
+        const gammaFilterClass = '.cvat-image-setups-gamma';
+        const wrapper = '.cvat-image-setups-filters';
+        const action = generateString(nsteps, 'rightarrow');
+        cy.applyActionToSliders(wrapper, [gammaFilterClass], action);
+    }
+    function setUpGamma(nsteps) {
+        cy.get('.cvat-canvas-image-setups-trigger').click();
+        cy.contains('Reset color settings').click();
+        bumpGamma(nsteps);
+        cy.get('.cvat-canvas-image-setups-trigger').click();
+    }
+    function resetColorSettings() {
+        cy.get('.cvat-canvas-image-setups-trigger').click();
+        cy.contains('Reset color settings').click();
+        cy.get('.cvat-canvas-image-setups-trigger').click();
+    }
 
     function setupAndSaveSettings(check) {
         cy.openSettings();
@@ -54,16 +75,28 @@ context('Saving setting to local storage.', () => {
 
         cy.closeSettings();
     }
+    function testGammaSetting() {
+        const expValue = defaultGammaValue + nbumps * step;
+        cy.get('.cvat-canvas-image-setups-trigger').click();
+        cy.get('.cvat-image-setups-gamma').within(() => {
+            cy.get('[role=slider]').should('have.attr', 'aria-valuenow', expValue);
+        });
+        cy.get('.cvat-canvas-image-setups-trigger').click();
+    }
 
     before(() => {
         cy.openTaskJob(taskName);
     });
 
     describe(`Testing case "${caseId}"`, () => {
         it('Check some settings. Reload a page. The settings are saved.', () => {
+            setUpGamma(nbumps);
             setupAndSaveSettings(true);
             cy.reload();
             testCheckedSettings(true);
+            testGammaSetting();
+            resetColorSettings();
+
             setupAndSaveSettings(false);
             cy.reload();
             testCheckedSettings(false);

tests/cypress/e2e/actions_tasks2/case_26_canvas_color_settings_feature.js

@@ -48,32 +48,6 @@ context('Canvas color settings feature', () => {
             );
     }
 
-    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);
-                    });
-            });
-        });
-        cy.get('.ant-tooltip').invoke('hide');
-    }
-
-    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();
@@ -82,10 +56,10 @@ context('Canvas color settings feature', () => {
     describe(`Testing case "${caseId}"`, () => {
         it('Check application of CSS filters', () => {
             const stringAction = generateString(countActionMoveSlider, 'rightarrow');
-            applyStringAction(
+            cy.applyActionToSliders(
                 '.cvat-canvas-image-setups-content', classNameSliders, stringAction,
             );
-            checkSlidersValue(
+            cy.checkSlidersValues(
                 '.cvat-canvas-image-setups-content', classNameSliders, expectedResultInSetting,
             );
             const expectedResultInBackground = (defaultValueInSidebar + countActionMoveSlider) / 100;
@@ -94,10 +68,10 @@ context('Canvas color settings feature', () => {
 
         it('Check application of image processing filters', () => {
             const stringAction = generateString(countActionMoveFilterSlider, 'rightarrow');
-            applyStringAction(
+            cy.applyActionToSliders(
                 '.cvat-image-setups-filters', filterSlidersClassNames, stringAction,
             );
-            checkSlidersValue(
+            cy.checkSlidersValues(
                 '.cvat-image-setups-filters', filterSlidersClassNames, expectedResultInSettingFilters,
             );
             cy.get('.cvat-notification-notice-image-processing-error').should('not.exist');
@@ -107,30 +81,30 @@ context('Canvas color settings feature', () => {
             cy.get('.cvat-image-setups-reset-color-settings').find('button').click();
             const expectedResultInBackground = defaultValueInSidebar / 100;
             checkStateValuesInBackground(expectedResultInBackground);
-            checkSlidersValue(
+            cy.checkSlidersValues(
                 '.cvat-canvas-image-setups-content', classNameSliders, defaultValueInSetting,
             );
-            checkSlidersValue(
+            cy.checkSlidersValues(
                 '.cvat-image-setups-filters', filterSlidersClassNames, defaultValueInSettingFilters,
             );
         });
 
         it('Check persisting image filters across jobs', () => {
             const sliderAction = generateString(countActionMoveSlider, 'rightarrow');
             const filterAction = generateString(countActionMoveFilterSlider, 'rightarrow');
-            applyStringAction(
+            cy.applyActionToSliders(
                 '.cvat-canvas-image-setups-content', classNameSliders, sliderAction,
             );
-            applyStringAction(
+            cy.applyActionToSliders(
                 '.cvat-image-setups-filters', filterSlidersClassNames, filterAction,
             );
             cy.interactMenu('Open the task');
             cy.openJob(1);
             cy.get('.cvat-canvas-image-setups-trigger').click();
-            checkSlidersValue(
+            cy.checkSlidersValues(
                 '.cvat-canvas-image-setups-content', classNameSliders, expectedResultInSetting,
             );
-            checkSlidersValue(
+            cy.checkSlidersValues(
                 '.cvat-image-setups-filters', filterSlidersClassNames, expectedResultInSettingFilters,
             );
             cy.get('.cvat-notification-notice-image-processing-error').should('not.exist');

tests/cypress/plugins/index.js

@@ -4,6 +4,8 @@
 
 /// <reference types="cypress" />
 
+/* eslint-disable security/detect-non-literal-fs-filename */
+
 const fs = require('fs');
 // eslint-disable-next-line import/no-extraneous-dependencies
 const { isFileExist } = require('cy-verify-downloads');
@@ -28,7 +30,6 @@ module.exports = (on, config) => {
     });
     on('task', {
         listFiles(folderName) {
-            // eslint-disable-next-line security/detect-non-literal-fs-filename
             return fs.readdirSync(folderName);
         },
     });
@@ -45,7 +46,6 @@ module.exports = (on, config) => {
     });
     on('after:spec', (spec, results) => {
         if (results && results.stats.failures === 0 && results.video) {
-            // eslint-disable-next-line security/detect-non-literal-fs-filename
             fs.unlinkSync(results.video);
         }
     });

tests/cypress/support/commands.js

@@ -1805,3 +1805,29 @@ Cypress.Commands.add('makeCustomImage', (directory, fileName,
         );
     });
 });
+
+Cypress.Commands.add('checkSlidersValues', (wrapper, slidersClassNames, expectedResults) => {
+    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', expectedResults[index]);
+                });
+        });
+    });
+});
+
+Cypress.Commands.add('applyActionToSliders', (wrapper, slidersClassNames, action) => {
+    cy.get(wrapper).within(() => {
+        cy.wrap(slidersClassNames).each(($el) => {
+            cy.wrap($el)
+                .get($el)
+                .within(() => {
+                    cy.get('[role=slider]').type(action);
+                });
+        });
+    });
+    cy.get('.ant-tooltip').invoke('hide');
+});