diff --git a/cvat-ui/package-lock.json b/cvat-ui/package-lock.json index 3f5f2a7e..afa2adbe 100644 --- a/cvat-ui/package-lock.json +++ b/cvat-ui/package-lock.json @@ -1,6 +1,6 @@ { "name": "cvat-ui", - "version": "1.13.1", + "version": "1.13.2", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/cvat-ui/package.json b/cvat-ui/package.json index 6e1b2072..e8972e70 100644 --- a/cvat-ui/package.json +++ b/cvat-ui/package.json @@ -1,6 +1,6 @@ { "name": "cvat-ui", - "version": "1.13.1", + "version": "1.13.2", "description": "CVAT single-page application", "main": "src/index.tsx", "scripts": { diff --git a/cvat-ui/src/components/annotation-page/appearance-block.tsx b/cvat-ui/src/components/annotation-page/appearance-block.tsx index f7f09cbe..8ea48cf3 100644 --- a/cvat-ui/src/components/annotation-page/appearance-block.tsx +++ b/cvat-ui/src/components/annotation-page/appearance-block.tsx @@ -152,7 +152,7 @@ function AppearanceBlock(props: Props): JSX.Element { activeKey={appearanceCollapsed ? [] : ['appearance']} className='cvat-objects-appearance-collapse' > - Appearance} key='appearance'> + Appearance} key='appearance'>
Color by + +import { taskName } from '../../support/const'; + +context('Collapse sidebar/apperance', () => { + const caseId = '30'; + let defaultValueLeftBackground; + + function checkEqualBackground() { + cy.get('#cvat_canvas_background') + .should('have.css', 'left') + .and((currentValueLeftBackground) => { + currentValueLeftBackground = Number(currentValueLeftBackground.match(/\d+/)); + expect(currentValueLeftBackground).to.be.eq(defaultValueLeftBackground); + }); + } + + before(() => { + cy.openTaskJob(taskName); + + // get default left value from background + cy.get('#cvat_canvas_background') + .should('have.css', 'left') + .then((currentValueLeftBackground) => { + defaultValueLeftBackground = Number(currentValueLeftBackground.match(/\d+/)); + }); + }); + + describe(`Testing case "${caseId}"`, () => { + it('Collapse sidebar', () => { + // hide + cy.get('.cvat-objects-sidebar-sider').click(); + cy.get('.cvat-objects-sidebar').should('not.be.visible'); + cy.get('#cvat_canvas_background') + .should('have.css', 'left') + .and((currentValueLeftBackground) => { + currentValueLeftBackground = Number(currentValueLeftBackground.match(/\d+/)); + expect(currentValueLeftBackground).to.be.greaterThan(defaultValueLeftBackground); + }); + + // wait when background fitted + cy.wait(500); + + // unhide + cy.get('.cvat-objects-sidebar-sider').click(); + cy.get('.cvat-objects-sidebar').should('be.visible'); + checkEqualBackground(); + }); + + it('Collapse apperance', () => { + // hide + cy.get('.cvat-objects-appearance-collapse-header').click(); + cy.get('.cvat-objects-appearance-content').should('not.be.visible'); + checkEqualBackground(); + + // unhide + cy.get('.cvat-objects-appearance-collapse-header').click(); + cy.get('.cvat-objects-appearance-content').should('be.visible'); + checkEqualBackground(); + }); + }); +});