Update snapshots for re-resizable

Signed-off-by: Michael Telatynski <[email protected]>
element-hq · Oct 16, 2024 · 768ab22 · 768ab22
1 parent 0d3f77f
commit 768ab22
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 12 deletions.
diff --git a/test/unit-tests/components/structures/__snapshots__/MainSplit-test.tsx.snap b/test/unit-tests/components/structures/__snapshots__/MainSplit-test.tsx.snap
@@ -16,15 +16,16 @@ exports[`<MainSplit/> renders 1`] = `
  class="mx_RightPanel_ResizeWrapper"
  style="position: relative; user-select: auto; width: 320px; height: 100%; max-width: 50%; min-width: 264px; box-sizing: border-box; flex-shrink: 0;"
  >
- <div>
- Right panel
- </div>
  <div>
  <div
  class="mx_ResizeHandle--horizontal"
  style="position: absolute; user-select: none; width: 10px; height: 100%; top: 0px; left: -5px; cursor: col-resize;"
  />
  </div>
+ <div>
+ Right panel
+ </div>
+ <div />
  </div>
  </div>
 </DocumentFragment>
@@ -46,15 +47,16 @@ exports[`<MainSplit/> respects defaultSize prop 1`] = `
  class="mx_RightPanel_ResizeWrapper"
  style="position: relative; user-select: auto; width: 500px; height: 100%; max-width: 50%; min-width: 264px; box-sizing: border-box; flex-shrink: 0;"
  >
- <div>
- Right panel
- </div>
  <div>
  <div
  class="mx_ResizeHandle--horizontal"
  style="position: absolute; user-select: none; width: 10px; height: 100%; top: 0px; left: -5px; cursor: col-resize;"
  />
  </div>
+ <div>
+ Right panel
+ </div>
+ <div />
  </div>
  </div>
 </DocumentFragment>

diff --git a/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap b/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap
@@ -1466,6 +1466,12 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
  class="mx_RightPanel_ResizeWrapper"
  style="position: relative; user-select: auto; width: 420px; height: 100%; max-width: 50%; min-width: 264px; box-sizing: border-box; flex-shrink: 0;"
  >
+ <div>
+ <div
+ class="mx_ResizeHandle--horizontal"
+ style="position: absolute; user-select: none; width: 10px; height: 100%; top: 0px; left: -5px; cursor: col-resize;"
+ />
+ </div>
  <aside
  class="mx_RightPanel"
  id="mx_RightPanel"
@@ -1648,12 +1654,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
  </div>
  </div>
  </aside>
- <div>
- <div
- class="mx_ResizeHandle--horizontal"
- style="position: absolute; user-select: none; width: 10px; height: 100%; top: 0px; left: -5px; cursor: col-resize;"
- />
- </div>
+ <div />
  </div>
  </div>
  </div>

diff --git a/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap b/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap
@@ -371,6 +371,26 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
  class="mx_AppsDrawer_resizer"
  style="position: relative; user-select: auto; width: auto; height: 280px; max-height: 576px; min-height: 100px; box-sizing: border-box; flex-shrink: 0;"
  >
+ <div
+ class="mx_AppsDrawer_resizer_container"
+ >
+ <div
+ class=""
+ style="position: absolute; user-select: none; width: 20px; height: 20px; left: -10px; top: -10px; cursor: nw-resize;"
+ />
+ <div
+ class=""
+ style="position: absolute; user-select: none; width: 100%; height: 10px; top: -5px; left: 0px; cursor: row-resize;"
+ />
+ <div
+ class=""
+ style="position: absolute; user-select: none; width: 20px; height: 20px; right: -10px; top: -10px; cursor: ne-resize;"
+ />
+ <div
+ class=""
+ style="position: absolute; user-select: none; width: 10px; height: 100%; top: 0px; left: -5px; cursor: col-resize;"
+ />
+ </div>
  <div
  class="mx_AppsContainer"
  >
@@ -487,10 +507,22 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
  <div
  class="mx_AppsDrawer_resizer_container"
  >
+ <div
+ class=""
+ style="position: absolute; user-select: none; width: 10px; height: 100%; top: 0px; cursor: col-resize; right: -5px;"
+ />
+ <div
+ class=""
+ style="position: absolute; user-select: none; width: 20px; height: 20px; left: -10px; bottom: -10px; cursor: sw-resize;"
+ />
  <div
  class="mx_AppsDrawer_resizer_container_handle"
  style="position: absolute; user-select: none; width: 100%; height: 10px; left: 0px; cursor: row-resize; bottom: -5px;"
  />
+ <div
+ class=""
+ style="position: absolute; user-select: none; width: 20px; height: 20px; right: -10px; bottom: -10px; cursor: se-resize;"
+ />
  </div>
  </div>
  </div>