Merge pull request #1182 from OskarDamkjaer/cypress_video_quality

Don't animate on first render and compress less

cypress.json

@@ -1,5 +1,5 @@
 {
-  "animationDistanceThreshold": 5,
+  "animationDistanceThreshold": 1,
   "baseUrl": "http://localhost:8080",
   "chromeWebSecurity": false,
   "defaultCommandTimeout": 10000,
@@ -9,7 +9,7 @@
   "fixturesFolder": "e2e_tests/fixtures",
   "hosts": null,
   "integrationFolder": "e2e_tests/integration",
-  "numTestsKeptInMemory": 50,
+  "numTestsKeptInMemory": 1,
   "pageLoadTimeout": 60000,
   "pluginsFile": "e2e_tests/plugins/index.js",
   "port": null,
@@ -20,7 +20,7 @@
   "screenshotsFolder": "e2e_tests/screenshots",
   "supportFile": "e2e_tests/support",
   "trashAssetsBeforeRuns": true,
-  "videoCompression": 32,
+  "videoCompression": false,
   "video": true,
   "videosFolder": "e2e_tests/videos",
   "videoUploadOnPasses": false,

src/browser/modules/Editor/EditorFrame.tsx

@@ -101,7 +101,7 @@ export function EditorFrame({ bus }: EditorFrameProps): JSX.Element {
 
     setAnimation({
       from: stable,
-      //  @ts-expect-error, library typing are wrong....
+      //  @ts-expect-error, library typings are wrong....
       to: [end, start, stable],
       config
     })
@@ -158,7 +158,6 @@ export function EditorFrame({ bus }: EditorFrameProps): JSX.Element {
 
   const TypedEditor: any = Editor // delete this when editor is ts
   const [props, setAnimation] = useSpring(() => ({
-    from: start,
     to: stable,
     config
   }))
@@ -168,7 +167,7 @@ export function EditorFrame({ bus }: EditorFrameProps): JSX.Element {
       <animated.div
         className="springContainer"
         style={props}
-        data-testid={'activeEditor'}
+        data-testid="activeEditor"
       >
         <Frame fullscreen={isFullscreen}>
           <FrameHeader>