test(dialog): add missing components for default slot case (varletjs#…

…1691)
Aybrea · Jul 1, 2024 · 49f0917 · 49f0917
1 parent e8da409
commit 49f0917
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 3 deletions.
diff --git a/packages/varlet-ui/src/dialog/__tests__/__snapshots__/component.spec.js.snap b/packages/varlet-ui/src/dialog/__tests__/__snapshots__/component.spec.js.snap
@@ -25,7 +25,30 @@ exports[`test dialog component slots > test dialog actions slot 1`] = `
 </transition-stub>"
 `;
 
-exports[`test dialog component slots > test dialog default slot 1`] = `"<var-dialog show="true"> dialog default slot </var-dialog>"`;
+exports[`test dialog component slots > test dialog default slot 1`] = `
+"<transition-stub name="var-fade" appear="false" persisted="false" css="true">
+  <div class="var--box var-popup" style="z-index: 1998;">
+    <div class="var-popup__overlay" style="z-index: 1999;"></div>
+    <transition-stub name="var-pop-center" appear="false" persisted="false" css="true">
+      <div class="var-popup__content var-popup--center var-popup--content-background-color var-elevation--3 var-dialog__popup" style="z-index: 2000;" role="dialog" aria-modal="true" var-dialog-cover="">
+        <div class="var--box var-dialog">
+          <div class="var-dialog__title">提示</div>
+          <div class="var-dialog__message" style="text-align: left;"> dialog default slot </div>
+          <div class="var-dialog__actions"><button class="var-button var--box var-button--normal var--inline-flex var-button--text var-button--text-default var-dialog__button var-dialog__cancel-button" type="button" var-dialog-cover="">
+              <!--v-if-->
+              <div class="var-button__content">取消</div>
+              <div class="var-hover-overlay"></div>
+            </button><button class="var-button var--box var-button--normal var--inline-flex var-button--text var-button--text-default var-dialog__button var-dialog__confirm-button" type="button" var-dialog-cover="">
+              <!--v-if-->
+              <div class="var-button__content">确认</div>
+              <div class="var-hover-overlay"></div>
+            </button></div>
+        </div>
+      </div>
+    </transition-stub>
+  </div>
+</transition-stub>"
+`;
 
 exports[`test dialog component slots > test dialog title slot 1`] = `
 "<transition-stub name="var-fade" appear="false" persisted="false" css="true">

diff --git a/packages/varlet-ui/src/dialog/__tests__/component.spec.js b/packages/varlet-ui/src/dialog/__tests__/component.spec.js
@@ -390,6 +390,9 @@ describe('test dialog component slots', () => {
 
   test('test dialog default slot', async () => {
     const wrapper = mount({
+      components: {
+        [VarDialog.name]: VarDialog,
+      },
       data: () => ({
         show: true,
       }),
@@ -400,9 +403,9 @@ describe('test dialog component slots', () => {
       `,
     })
 
-    expect(wrapper.html()).toMatchSnapshot()
+    expect(wrapper.find('.var-dialog__message').text()).toBe('dialog default slot')
 
-    expect(wrapper.text()).toBe('dialog default slot')
+    expect(wrapper.html()).toMatchSnapshot()
 
     wrapper.unmount()
   })