chore(demo): check that icons are resized on e2e screenshots (#6588)

taiga-family · Jan 30, 2024 · 7fb0c63 · 7fb0c63
1 parent bd99694
commit 7fb0c63
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 7 deletions.
diff --git a/projects/demo/src/modules/experimental/avatar/examples/3/index.html b/projects/demo/src/modules/experimental/avatar/examples/3/index.html
@@ -1,7 +1,55 @@
-<tui-avatar size="xxl">XXL</tui-avatar>
-<tui-avatar size="xl">XL</tui-avatar>
-<tui-avatar size="l">L</tui-avatar>
-<tui-avatar size="m">M</tui-avatar>
-<tui-avatar size="s">S</tui-avatar>
-<tui-avatar size="xs">XS</tui-avatar>
-<tui-avatar size="xxs">XXS</tui-avatar>
+<div class="row">
+    <tui-avatar size="xxl">XXL</tui-avatar>
+    <tui-avatar
+        size="xxl"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="xl">XL</tui-avatar>
+    <tui-avatar
+        size="xl"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="l">L</tui-avatar>
+    <tui-avatar
+        size="l"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="m">M</tui-avatar>
+    <tui-avatar
+        size="m"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="s">S</tui-avatar>
+    <tui-avatar
+        size="s"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="xs">XS</tui-avatar>
+    <tui-avatar
+        size="xs"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
+
+<div class="row">
+    <tui-avatar size="xxs">XXS</tui-avatar>
+    <tui-avatar
+        size="xxs"
+        src="tuiIconUserLarge"
+    ></tui-avatar>
+</div>
diff --git a/projects/demo/src/modules/experimental/avatar/examples/3/index.less b/projects/demo/src/modules/experimental/avatar/examples/3/index.less
@@ -3,3 +3,8 @@
     flex-direction: column;
     gap: 1rem;
 }
+
+.row {
+    display: flex;
+    gap: 0.5rem;
+}