test(ui/checkbox): update snap

varletjs · Mar 16, 2022 · 3ab1fe9 · 3ab1fe9
1 parent f885051
commit 3ab1fe9
Show file tree

Hide file tree

Showing 2 changed files with 437 additions and 313 deletions.
diff --git a/packages/varlet-vue2-ui/src/checkbox-group/__tests__/__snapshots__/index.spec.js.snap b/packages/varlet-vue2-ui/src/checkbox-group/__tests__/__snapshots__/index.spec.js.snap
@@ -139,3 +139,127 @@ exports[`test checkbox example 1`] = `
   <div class=\\"space\\"></div>
 </div>"
 `;
+
+exports[`test checkbox group layout direction 1`] = `
+"<div class=\\"var-checkbox-group__wrap\\">
+  <div class=\\"var-checkbox-group var-checkbox-group--vertical\\">
+    <div class=\\"var-checkbox__wrap\\">
+      <div class=\\"var-checkbox\\">
+        <div class=\\"var-checkbox__action var-checkbox--unchecked\\">
+          <!----> <i class=\\"var-icon var-checkbox__icon var-icon--set var-icon-checkbox-blank-outline\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
+        <div class=\\"var-checkbox__text\\"></div>
+      </div>
+      <transition-stub name=\\"var-form-details\\">
+        <!---->
+      </transition-stub>
+    </div>
+    <div class=\\"var-checkbox__wrap\\">
+      <div class=\\"var-checkbox\\">
+        <div class=\\"var-checkbox__action var-checkbox--unchecked\\">
+          <!----> <i class=\\"var-icon var-checkbox__icon var-icon--set var-icon-checkbox-blank-outline\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
+        <div class=\\"var-checkbox__text\\"></div>
+      </div>
+      <transition-stub name=\\"var-form-details\\">
+        <!---->
+      </transition-stub>
+    </div>
+  </div>
+  <transition-stub name=\\"var-form-details\\">
+    <!---->
+  </transition-stub>
+</div>"
+`;
+
+exports[`test checkbox group validation 1`] = `
+"<div class=\\"var-checkbox-group__wrap\\">
+  <div class=\\"var-checkbox-group var-checkbox-group--horizontal\\">
+    <div class=\\"var-checkbox__wrap\\">
+      <div class=\\"var-checkbox\\">
+        <div class=\\"var-checkbox__action var-checkbox--unchecked var-checkbox--error\\">
+          <!----> <i class=\\"var-icon var-checkbox__icon var-icon--set var-icon-checkbox-blank-outline\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
+        <div class=\\"var-checkbox__text var-checkbox--error\\"></div>
+      </div>
+      <transition-stub name=\\"var-form-details\\">
+        <!---->
+      </transition-stub>
+    </div>
+    <div class=\\"var-checkbox__wrap\\">
+      <div class=\\"var-checkbox\\">
+        <div class=\\"var-checkbox__action var-checkbox--unchecked var-checkbox--error\\">
+          <!----> <i class=\\"var-icon var-checkbox__icon var-icon--set var-icon-checkbox-blank-outline\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
+        <div class=\\"var-checkbox__text var-checkbox--error\\"></div>
+      </div>
+      <transition-stub name=\\"var-form-details\\">
+        <!---->
+      </transition-stub>
+    </div>
+  </div>
+  <transition-stub name=\\"var-form-details\\">
+    <div class=\\"var-form-details\\">
+      <div class=\\"var-form-details__message\\">至少选一个</div>
+      <div class=\\"var-form-details__length\\"></div>
+    </div>
+  </transition-stub>
+</div>"
+`;
+
+exports[`test checkbox group validation 2`] = `
+"<div class=\\"var-checkbox-group__wrap\\">
+  <div class=\\"var-checkbox-group var-checkbox-group--horizontal\\">
+    <div class=\\"var-checkbox__wrap\\">
+      <div class=\\"var-checkbox\\">
+        <div class=\\"var-checkbox__action var-checkbox--checked\\"><i class=\\"var-icon var-checkbox__icon var-icon--set var-icon-checkbox-marked\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i>
+          <!---->
+        </div>
+        <div class=\\"var-checkbox__text\\"></div>
+      </div>
+      <transition-stub name=\\"var-form-details\\">
+        <!---->
+      </transition-stub>
+    </div>
+    <div class=\\"var-checkbox__wrap\\">
+      <div class=\\"var-checkbox\\">
+        <div class=\\"var-checkbox__action var-checkbox--unchecked\\">
+          <!----> <i class=\\"var-icon var-checkbox__icon var-icon--set var-icon-checkbox-blank-outline\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
+        <div class=\\"var-checkbox__text\\"></div>
+      </div>
+      <transition-stub name=\\"var-form-details\\">
+        <!---->
+      </transition-stub>
+    </div>
+  </div>
+  <transition-stub name=\\"var-form-details\\">
+    <!---->
+  </transition-stub>
+</div>"
+`;
+
+exports[`test checkbox validation 1`] = `
+"<div class=\\"var-checkbox__wrap\\">
+  <div class=\\"var-checkbox\\">
+    <div class=\\"var-checkbox__action var-checkbox--unchecked var-checkbox--error\\">
+      <!----> <i class=\\"var-icon var-checkbox__icon var-icon--set var-icon-checkbox-blank-outline\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i></div>
+    <div class=\\"var-checkbox__text var-checkbox--error\\"></div>
+  </div>
+  <transition-stub name=\\"var-form-details\\">
+    <div class=\\"var-form-details\\">
+      <div class=\\"var-form-details__message\\">您必须勾选</div>
+      <div class=\\"var-form-details__length\\"></div>
+    </div>
+  </transition-stub>
+</div>"
+`;
+
+exports[`test checkbox validation 2`] = `
+"<div class=\\"var-checkbox__wrap\\">
+  <div class=\\"var-checkbox\\">
+    <div class=\\"var-checkbox__action var-checkbox--checked\\"><i class=\\"var-icon var-checkbox__icon var-icon--set var-icon-checkbox-marked\\" style=\\"transition: transform 0ms;\\" var-checkbox-cover=\\"\\"></i>
+      <!---->
+    </div>
+    <div class=\\"var-checkbox__text\\"></div>
+  </div>
+  <transition-stub name=\\"var-form-details\\">
+    <!---->
+  </transition-stub>
+</div>"
+`;