diff --git a/cvat-ui/src/components/annotation-page/annotations-filters-input.tsx b/cvat-ui/src/components/annotation-page/annotations-filters-input.tsx index 92276391..0d701df3 100644 --- a/cvat-ui/src/components/annotation-page/annotations-filters-input.tsx +++ b/cvat-ui/src/components/annotation-page/annotations-filters-input.tsx @@ -146,6 +146,7 @@ function AnnotationsFiltersInput(props: StateToProps & DispatchToProps): JSX.Ele width: 700, title: 'How to use filters?', content: filtersHelpModalContent(searchForwardShortcut, searchBackwardShortcut), + className: 'cvat-annotations-filters-help-modal-window', }); }} onMouseEnter={() => setDropdownVisible(false)} diff --git a/tests/cypress/integration/actions_tasks_objects/issue_2690_filters_help_window.js b/tests/cypress/integration/actions_tasks_objects/issue_2690_filters_help_window.js new file mode 100644 index 00000000..3cd00cad --- /dev/null +++ b/tests/cypress/integration/actions_tasks_objects/issue_2690_filters_help_window.js @@ -0,0 +1,33 @@ +// Copyright (C) 2021 Intel Corporation +// +// SPDX-License-Identifier: MIT + +/// + +import { taskName } from '../../support/const'; + +context('Annotation filter help dialog window.', () => { + const issueId = '2690'; + + before(() => { + cy.openTaskJob(taskName); + }); + + describe(`Testing issue "${issueId}"`, () => { + it('Open annotation filters help dialog window. The window is visible.', () => { + cy.get('.cvat-annotations-filters-input').within(() => { + // class="ant-select-selection-placeholder" has CSS pointer-events: none + cy.get('.ant-select-selection-placeholder').invoke('css', 'pointer-events', 'auto'); // Replace CSS "pointer-events" to auto + cy.get('[aria-label="filter"]').click(); + }); + cy.get('.cvat-annotations-filters-help-modal-window').should('exist').and('be.visible'); + }); + + it('Close annotation filters help dialog window. The window is closed.', () => { + cy.get('.cvat-annotations-filters-help-modal-window').within(() => { + cy.contains('button', 'OK').click(); + }); + cy.get('.cvat-annotations-filters-help-modal-window').should('not.exist'); + }); + }); +});