Cypress test. Collapse sidebar. Fullscreen.

[dvkruchinin]

Motivation and context

Cypress test for PR #3289
An additional plugin for Cypress is installed for correct interaction with the fullscreen activation button.
Otherwise, I would get an error

Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture.
onClick @ right-group.tsx:150

Uncaught (in promise) TypeError: fullscreen error
    at onClick (cvat-ui.48af1c4a35bbdd68752d.min.js:435)
    at Q (cvat-ui.48af1c4a35bbdd68752d.min.js:24)
    at Object.s (cvat-ui.48af1c4a35bbdd68752d.min.js:352)
    at p (cvat-ui.48af1c4a35bbdd68752d.min.js:352)
    at cvat-ui.48af1c4a35bbdd68752d.min.js:352
    at v (cvat-ui.48af1c4a35bbdd68752d.min.js:352)
    at it (cvat-ui.48af1c4a35bbdd68752d.min.js:352)
    at at (cvat-ui.48af1c4a35bbdd68752d.min.js:352)
    at st (cvat-ui.48af1c4a35bbdd68752d.min.js:352)
    at pt (cvat-ui.48af1c4a35bbdd68752d.min.js:352)

The test must also be run in the headed mode for the fullscreen to work correctly. To do this, I put it in the directory where the tests are run in the headed mode.

How has this been tested?

Checklist

• I submit my changes into the develop branch
• I have added description of my changes into CHANGELOG file
• I have updated the documentation accordingly
• I have added tests to cover my changes
• I have linked related issues (read github docs)
• I have increased versions of npm packages if it is necessary (cvat-canvas,
  cvat-core, cvat-data and cvat-ui)

License

• I submit my code changes under the same MIT License that covers the project.
  Feel free to contact the maintainers if that's a concern.
• I have updated the license header for each file (see an example below)

# Copyright (C) 2021 Intel Corporation
#
# SPDX-License-Identifier: MIT

[bsekachev]

@dvkruchinin

Actually, we do not need exactly fullscreen in this test. Just need to resize the browser window anyhow. Is cypress able to do it?
Maybe manual raising a "resize" event would be a solution also.

[dvkruchinin]

Actually, we do not need exactly fullscreen in this test. Just need to resize the browser window anyhow. Is cypress able to do it?

Thanks. I reworked the test using resizing by means of viewport().

[bsekachev]

@dvkruchinin
actions_tasks3/case_44_changing_default_value_for_attribute.js fails often because of an element detached from DOM. Could you please look into it?

[dvkruchinin]

actions_tasks3/case_44_changing_default_value_for_attribute.js fails often because of an element detached from DOM. Could you please look into it?

This is a known problem. Attempts have already been made to solve it. I will create a separate task for further study of the problem.