[WIP] Fix flaky reporting test that is failing due to a CSS animation (#23907) (#23942)

Add a wait for the reporting flyout menu to animate. This workaround should be removed if we figure out how to disable animations in our test suite.

Author: chrisdavies

x-pack/test/functional/page_objects/reporting_page.js

@@ -139,7 +139,11 @@ export function ReportingPageProvider({ getService, getPageObjects }) {
     }
 
     async checkUsePrintLayout() {
-      await retry.try(() => testSubjects.click('usePrintLayout'));
+      // The print layout checkbox slides in as part of an animation, and tests can
+      // attempt to click it too quickly, leading to flaky tests. The 500ms wait allows
+      // the animation to complete before we attempt a click.
+      const menuAnimationDelay = 500;
+      await retry.tryForTime(menuAnimationDelay, () => testSubjects.click('usePrintLayout'));
     }
 
     async clickGenerateReportButton() {