Disable animations for UI regression runs

src/engine-scripts/puppet/jsReady.js

@@ -0,0 +1,36 @@
+module.exports = async (page) => {
+	await page.emulateMediaFeatures([
+		{ name: 'prefers-reduced-motion', value: 'reduce' },
+	]);
+	await page.evaluate( () => {
+		const skin = mw.config.get( 'skin' );
+		let moduleName;
+		switch( skin ) {
+			case 'vector-2022':
+				moduleName = 'skins.vector.js';
+				break;
+			case 'vector':
+				moduleName = 'skins.vector.legacy.js';
+				break;
+			default:
+				return true;
+		}
+		return new Promise((resolve) => {
+			setInterval(() => {
+				if ( mw.loader.getState( moduleName ) === 'ready' ) {
+					resolve(true);
+				}
+			}, 500 );
+		});
+	});
+
+	// wait for animation frame or two.
+        // Wait until the next frame before resolving.
+	await new Promise( resolve => {
+	  requestAnimationFrame( () => {
+	    requestAnimationFrame( () => {
+	      resolve();
+	    } );
+	  } );
+	} );
+};

src/engine-scripts/puppet/onReady.js

@@ -9,5 +9,8 @@ module.exports = async (page, scenario, vp) => {
     await require('./sidebarState')(page, hashtags);
     await require('./userMenuState')(page, hashtags);
   }
+
+  // Make sure the main skin JavaScript module has loaded.
+  await require('./jsReady')(page);
   // add more ready handlers here...
 };