test: update snapshots for image/video width fix

- Image snapshots now include the new width attribute on the <img>
  element when previewWidth is set.
- Video snapshots no longer include width="0" since the core video
  render now guards against an undefined previewWidth.

Refs #2726

Author: nperez0111

tests/src/unit/core/formatConversion/export/__snapshots__/blocknoteHTML/image/basic.html

@@ -15,7 +15,13 @@
           style="position: relative; width: 256px;"
         >
           <div class="bn-visual-media-wrapper">
-            <img class="bn-visual-media" src="exampleURL" alt="example" draggable="false" />
+            <img
+              class="bn-visual-media"
+              src="exampleURL"
+              alt="example"
+              draggable="false"
+              width="256"
+            />
             <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
             <div class="bn-resize-handle" style="right: 4px; display: none;"></div>
           </div>

tests/src/unit/core/formatConversion/export/__snapshots__/blocknoteHTML/image/nested.html

@@ -14,7 +14,13 @@
           style="position: relative; width: 256px;"
         >
           <div class="bn-visual-media-wrapper">
-            <img class="bn-visual-media" src="exampleURL" alt="" draggable="false" />
+            <img
+              class="bn-visual-media"
+              src="exampleURL"
+              alt=""
+              draggable="false"
+              width="256"
+            />
             <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
             <div class="bn-resize-handle" style="right: 4px; display: none;"></div>
           </div>
@@ -37,7 +43,13 @@
                 style="position: relative; width: 256px;"
               >
                 <div class="bn-visual-media-wrapper">
-                  <img class="bn-visual-media" src="exampleURL" alt="" draggable="false" />
+                  <img
+                    class="bn-visual-media"
+                    src="exampleURL"
+                    alt=""
+                    draggable="false"
+                    width="256"
+                  />
                   <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
                   <div class="bn-resize-handle" style="right: 4px; display: none;"></div>
                 </div>

tests/src/unit/core/formatConversion/export/__snapshots__/blocknoteHTML/image/noCaption.html

@@ -14,7 +14,13 @@
           style="position: relative; width: 256px;"
         >
           <div class="bn-visual-media-wrapper">
-            <img class="bn-visual-media" src="exampleURL" alt="example" draggable="false" />
+            <img
+              class="bn-visual-media"
+              src="exampleURL"
+              alt="example"
+              draggable="false"
+              width="256"
+            />
             <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
             <div class="bn-resize-handle" style="right: 4px; display: none;"></div>
           </div>

tests/src/unit/core/formatConversion/export/__snapshots__/blocknoteHTML/image/noName.html

@@ -14,7 +14,13 @@
           style="position: relative; width: 256px;"
         >
           <div class="bn-visual-media-wrapper">
-            <img class="bn-visual-media" src="exampleURL" alt="" draggable="false" />
+            <img
+              class="bn-visual-media"
+              src="exampleURL"
+              alt=""
+              draggable="false"
+              width="256"
+            />
             <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
             <div class="bn-resize-handle" style="right: 4px; display: none;"></div>
           </div>

tests/src/unit/core/formatConversion/export/__snapshots__/blocknoteHTML/video.html

@@ -17,7 +17,6 @@
               src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm"
               controls=""
               draggable="false"
-              width="0"
             ></video>
             <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
             <div class="bn-resize-handle" style="right: 4px; display: none;"></div>

tests/src/unit/core/formatConversion/export/__snapshots__/blocknoteHTML/video/withCaption.html

@@ -19,7 +19,6 @@
               src="https://example.com/video.mp4"
               controls=""
               draggable="false"
-              width="0"
             ></video>
             <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
             <div class="bn-resize-handle" style="right: 4px; display: none;"></div>

tests/src/unit/react/formatConversion/export/__snapshots__/blocknoteHTML/reactImage/basic.html

@@ -15,7 +15,13 @@
           style="position: relative; width: 256px;"
         >
           <div class="bn-visual-media-wrapper">
-            <img class="bn-visual-media" src="exampleURL" alt="example" draggable="false" />
+            <img
+              class="bn-visual-media"
+              src="exampleURL"
+              alt="example"
+              draggable="false"
+              width="256"
+            />
             <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
             <div class="bn-resize-handle" style="right: 4px; display: none;"></div>
           </div>

tests/src/unit/react/formatConversion/export/__snapshots__/blocknoteHTML/reactImage/nested.html

@@ -15,7 +15,13 @@
           style="position: relative; width: 256px;"
         >
           <div class="bn-visual-media-wrapper">
-            <img class="bn-visual-media" src="exampleURL" alt="example" draggable="false" />
+            <img
+              class="bn-visual-media"
+              src="exampleURL"
+              alt="example"
+              draggable="false"
+              width="256"
+            />
             <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
             <div class="bn-resize-handle" style="right: 4px; display: none;"></div>
           </div>
@@ -39,7 +45,13 @@
                 style="position: relative; width: 256px;"
               >
                 <div class="bn-visual-media-wrapper">
-                  <img class="bn-visual-media" src="exampleURL" alt="example" draggable="false" />
+                  <img
+                    class="bn-visual-media"
+                    src="exampleURL"
+                    alt="example"
+                    draggable="false"
+                    width="256"
+                  />
                   <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
                   <div class="bn-resize-handle" style="right: 4px; display: none;"></div>
                 </div>

tests/src/unit/react/formatConversion/export/__snapshots__/blocknoteHTML/reactImage/noCaption.html

@@ -14,7 +14,13 @@
           style="position: relative; width: 256px;"
         >
           <div class="bn-visual-media-wrapper">
-            <img class="bn-visual-media" src="exampleURL" alt="example" draggable="false" />
+            <img
+              class="bn-visual-media"
+              src="exampleURL"
+              alt="example"
+              draggable="false"
+              width="256"
+            />
             <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
             <div class="bn-resize-handle" style="right: 4px; display: none;"></div>
           </div>

tests/src/unit/react/formatConversion/export/__snapshots__/blocknoteHTML/reactImage/noName.html

@@ -14,7 +14,13 @@
           style="position: relative; width: 256px;"
         >
           <div class="bn-visual-media-wrapper">
-            <img class="bn-visual-media" src="exampleURL" alt="" draggable="false" />
+            <img
+              class="bn-visual-media"
+              src="exampleURL"
+              alt=""
+              draggable="false"
+              width="256"
+            />
             <div class="bn-resize-handle" style="left: 4px; display: none;"></div>
             <div class="bn-resize-handle" style="right: 4px; display: none;"></div>
           </div>