From a77acc1001ba66e90d05a55dc2767191a14b1f6c Mon Sep 17 00:00:00 2001
From: David Lechner <david@pybricks.com>
Date: Thu, 22 Dec 2022 13:02:55 -0600
Subject: [PATCH] firmware/bootloaderInstructions: hide video from tests

The video element makes a bunch of noise (console.error) in tests.
---
 .../BootloaderInstructions.tsx                | 52 ++++++++++---------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/src/firmware/bootloaderInstructions/BootloaderInstructions.tsx b/src/firmware/bootloaderInstructions/BootloaderInstructions.tsx
index 157f173b..1c1e62ff 100644
--- a/src/firmware/bootloaderInstructions/BootloaderInstructions.tsx
+++ b/src/firmware/bootloaderInstructions/BootloaderInstructions.tsx
@@ -283,31 +283,33 @@ const BootloaderInstructions: React.VoidFunctionComponent<
 
     return (
         <>
-            <video
-                controls
-                controlsList="nodownload nofullscreen"
-                muted
-                disablePictureInPicture
-                className="pb-bootloader-video"
-            >
-                <source
-                    src={
-                        recovery
-                            ? recoveryVideoFileMap.get(hubType)
-                            : videoFileMap.get(hubType)
-                    }
-                    type="video/mp4"
-                />
-                <track
-                    kind="metadata"
-                    src={
-                        recovery
-                            ? recoveryMetadataFileMap.get(hubType)
-                            : metadataFileMap.get(hubType)
-                    }
-                    ref={metadataTrackRef}
-                />
-            </video>
+            {process.env.NODE_ENV !== 'test' && (
+                <video
+                    controls
+                    controlsList="nodownload nofullscreen"
+                    muted
+                    disablePictureInPicture
+                    className="pb-bootloader-video"
+                >
+                    <source
+                        src={
+                            recovery
+                                ? recoveryVideoFileMap.get(hubType)
+                                : videoFileMap.get(hubType)
+                        }
+                        type="video/mp4"
+                    />
+                    <track
+                        kind="metadata"
+                        src={
+                            recovery
+                                ? recoveryMetadataFileMap.get(hubType)
+                                : metadataFileMap.get(hubType)
+                        }
+                        ref={metadataTrackRef}
+                    />
+                </video>
+            )}
 
             <div className="pb-spacer" />