Disable animation

During integration testing you can face with problem of flaky tests caused by animation. It is especially crucial if you are writing screenshot tests. For example, you want to make screenshot of dialog content: you click button which opens dialog and make screenshot. Sometimes screenshots can be made too early (before dialog fully opens) and test fails.

To avoid this we recommend to toggle all animation off while integration test works.

@taiga-ui/cdk used TUI_REDUCED_MOTION token which disables all animations for taiga-ui components. That token based on prefers-reduced-motion . The prefers-reduced-motion CSS media feature is used to detect if a user has enabled a setting on their device to minimize the amount of non-essential motion.. The setting is used to convey to the browser on the device that the user prefers an interface that removes, reduces, or replaces motion-based animations.