Error: Snapshot `Grid > Grid badgeVue demo works fine 1` mismatched - Expected + Received @@ -2,11 +2,11 @@ class="t-grid grid-demo" style="grid-template-columns: repeat(4, 1fr);" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" > @@ -86,11 +86,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" > @@ -170,11 +170,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" > @@ -254,11 +254,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" > ❯ src/grid/__test__/demo.test.jsx:30:31

Error: Snapshot `Grid > Grid baseVue demo works fine 1` mismatched - Expected + Received @@ -7,11 +7,11 @@ data-v-3e578ca0="" style="grid-template-columns: repeat(5, 1fr);" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 20%;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -74,11 +74,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 20%;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -141,11 +141,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 20%;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -208,11 +208,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 20%;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -275,11 +275,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 20%;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -350,11 +350,11 @@ data-v-3e578ca0="" style="grid-template-columns: repeat(4, 1fr);" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -417,11 +417,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -484,11 +484,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -551,11 +551,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -626,11 +626,11 @@ data-v-3e578ca0="" style="grid-template-columns: repeat(3, 1fr);" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0=""

Error: Snapshot `Grid > Grid borderedVue demo works fine 1` mismatched - Expected + Received @@ -1,17 +1,17 @@ <div data-v-app="" > <div - class="t-grid t-grid--bordered grid-demo" + class="t-grid grid-demo" data-v-fb92dfac="" style="grid-template-columns: repeat(3, 1fr);" > <div - class="t-grid-item t-grid-item--vertical t-grid-item--bordered" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-fb92dfac="" style="text-align: center; flex-basis: 33.333333333333336%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -74,11 +74,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical t-grid-item--bordered" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-fb92dfac="" style="text-align: center; flex-basis: 33.333333333333336%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -141,11 +141,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical t-grid-item--bordered" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-fb92dfac="" style="text-align: center; flex-basis: 33.333333333333336%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -208,11 +208,11 @@ 描述最多六字 </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical t-grid-item--bordered" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-fb92dfac="" style="text-align: center; flex-basis: 33.333333333333336%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -275,11 +275,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical t-grid-item--bordered" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-fb92dfac="" style="text-align: center; flex-basis: 33.333333333333336%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -342,11 +342,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical t-grid-item--bordered" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-fb92dfac="" style="text-align: center; flex-basis: 33.333333333333336%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -411,17 +411,17 @@ </div> </div> </div> <div - class="t-grid t-grid--bordered grid-demo" + class="t-grid grid-demo" data-v-fb92dfac="" style="grid-template-columns: repeat(2, 1fr);" > <div - class="t-grid-item t-grid-item--horizontal t-grid-item--bordered" + class="t-grid-item t-grid-item--horizontal t-grid-item--bordered t-grid-item--surround" data-v-fb92dfac="" style="text-align: center; flex-basis: 50%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -484,11 +484,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--horizontal t-grid-item--bordered" + class="t-grid-item t-grid-item--horizontal t-grid-item--bordered t-grid-item--surround" data-v-fb92dfac="" style="text-align: center; flex-basis: 50%;" > <div class="t-grid-item__image t-grid-item__image--large" ❯ src/grid/__test__/demo.test.jsx:30:31

Error: Snapshot `Grid > Grid cardVue demo works fine 1` mismatched - Expected + Received @@ -7,11 +7,11 @@ data-v-46f2766f="" style="grid-template-columns: repeat(4, 1fr);" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-46f2766f="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -74,11 +74,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-46f2766f="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -141,11 +141,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-46f2766f="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -208,11 +208,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-46f2766f="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -283,11 +283,11 @@ data-v-46f2766f="" style="grid-template-columns: repeat(2, 1fr);" > <div - class="t-grid-item t-grid-item--horizontal" + class="t-grid-item t-grid-item--horizontal t-grid-item--bordered t-grid-item--surround" data-v-46f2766f="" style="text-align: center; flex-basis: 50%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -350,11 +350,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--horizontal" + class="t-grid-item t-grid-item--horizontal t-grid-item--bordered t-grid-item--surround" data-v-46f2766f="" style="text-align: center; flex-basis: 50%;" > <div class="t-grid-item__image t-grid-item__image--large" ❯ src/grid/__test__/demo.test.jsx:30:31

Error: Snapshot `Grid > Grid descVue demo works fine 1` mismatched - Expected + Received @@ -7,11 +7,11 @@ data-v-f7d95d20="" style="grid-template-columns: repeat(3, 1fr);" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-f7d95d20="" style="text-align: center; flex-basis: 33.333333333333336%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -74,11 +74,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-f7d95d20="" style="text-align: center; flex-basis: 33.333333333333336%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -141,11 +141,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-f7d95d20="" style="text-align: center; flex-basis: 33.333333333333336%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -216,11 +216,11 @@ data-v-f7d95d20="" style="grid-template-columns: repeat(2, 1fr);" > <div - class="t-grid-item t-grid-item--horizontal" + class="t-grid-item t-grid-item--horizontal t-grid-item--bordered t-grid-item--surround" data-v-f7d95d20="" style="text-align: center; flex-basis: 50%;" > <div class="t-grid-item__image t-grid-item__image--large" @@ -283,11 +283,11 @@ 描述文字 </div> </div> </div> <div - class="t-grid-item t-grid-item--horizontal" + class="t-grid-item t-grid-item--horizontal t-grid-item--bordered t-grid-item--surround" data-v-f7d95d20="" style="text-align: center; flex-basis: 50%;" > <div class="t-grid-item__image t-grid-item__image--large" ❯ src/grid/__test__/demo.test.jsx:30:31

Error: Snapshot `Grid > Grid iconVue demo works fine 1` mismatched - Expected + Received @@ -3,11 +3,11 @@ data-v-1b745b58="" style="grid-template-columns: repeat(4, 1fr);" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-1b745b58="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -47,11 +47,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-1b745b58="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -91,11 +91,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-1b745b58="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -135,11 +135,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-1b745b58="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" ❯ src/grid/__test__/demo.test.jsx:30:31

Error: Snapshot `Grid > Grid mobileVue demo works fine 1` mismatched - Expected + Received @@ -38,11 +38,11 @@ data-v-3e578ca0="" style="grid-template-columns: repeat(5, 1fr);" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 20%;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -105,11 +105,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 20%;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -172,11 +172,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 20%;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -239,11 +239,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 20%;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -306,11 +306,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 20%;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -381,11 +381,11 @@ data-v-3e578ca0="" style="grid-template-columns: repeat(4, 1fr);" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -448,11 +448,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -515,11 +515,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style="text-align: center; flex-basis: 25%;" > <div class="t-grid-item__image t-grid-item__image--middle" @@ -582,11 +582,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-3e578ca0="" style

Error: Snapshot `Grid > Grid scrollVue demo works fine 1` mismatched - Expected + Received @@ -3,11 +3,11 @@ data-v-7052a5ec="" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7052a5ec="" style="text-align: center;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -70,11 +70,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7052a5ec="" style="text-align: center;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -137,11 +137,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7052a5ec="" style="text-align: center;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -204,11 +204,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7052a5ec="" style="text-align: center;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -271,11 +271,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7052a5ec="" style="text-align: center;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -338,11 +338,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7052a5ec="" style="text-align: center;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -405,11 +405,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7052a5ec="" style="text-align: center;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -472,11 +472,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7052a5ec="" style="text-align: center;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -539,11 +539,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7052a5ec="" style="text-align: center;" > <div class="t-grid-item__image t-grid-item__image--small" @@ -606,11 +606,11 @@ <!----> </div> </div> </div> <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7052a5ec="" style="text-align: center;" > <div class="t-grid-item__image t-grid-item__image--small" ❯ src/grid/__test__/demo.test.jsx:30:31

Error: Snapshot `SideBar > SideBar baseVue demo works fine 1` mismatched - Expected + Received @@ -171,11 +171,11 @@ <div data-v-7bc399f9="" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7bc399f9="" image-props="[object Object]" style="text-align: center; flex-basis: 33.333333333333336%;" > <div @@ -243,11 +243,11 @@ </div> <div data-v-7bc399f9="" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7bc399f9="" image-props="[object Object]" style="text-align: center; flex-basis: 33.333333333333336%;" > <div @@ -315,11 +315,11 @@ </div> <div data-v-7bc399f9="" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7bc399f9="" image-props="[object Object]" style="text-align: center; flex-basis: 33.333333333333336%;" > <div @@ -387,11 +387,11 @@ </div> <div data-v-7bc399f9="" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7bc399f9="" image-props="[object Object]" style="text-align: center; flex-basis: 33.333333333333336%;" > <div @@ -459,11 +459,11 @@ </div> <div data-v-7bc399f9="" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7bc399f9="" image-props="[object Object]" style="text-align: center; flex-basis: 33.333333333333336%;" > <div @@ -531,11 +531,11 @@ </div> <div data-v-7bc399f9="" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7bc399f9="" image-props="[object Object]" style="text-align: center; flex-basis: 33.333333333333336%;" > <div @@ -603,11 +603,11 @@ </div> <div data-v-7bc399f9="" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7bc399f9="" image-props="[object Object]" style="text-align: center; flex-basis: 33.333333333333336%;" > <div @@ -675,11 +675,11 @@ </div> <div data-v-7bc399f9="" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7bc399f9="" image-props="[object Object]" style="text-align: center; flex-basis: 33.333333333333336%;" > <div @@ -747,11 +747,11 @@ </div> <div data-v-7bc399f9="" > <div - class="t-grid-item t-grid-item--vertical" + class="t-grid-item t-grid-item--vertical t-grid-item--bordered t-grid-item--surround" data-v-7bc399f9="" image-props="[object Object]" styl