test(comp:form): update test

IDuxFE · Jul 29, 2022 · 954aad8 · 954aad8
1 parent 2277cf0
commit 954aad8
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 23 deletions.
diff --git a/packages/components/form/__tests__/__snapshots__/form.spec.ts.snap b/packages/components/form/__tests__/__snapshots__/form.spec.ts.snap
@@ -12,8 +12,11 @@ exports[`Form > basic work > render work 1`] = `
         <!---->
         <!---->
       </div>
-      <!---->
-      <!---->
+      <div class=\\"ix-form-item-message\\">
+        <transition-stub>
+          <!---->
+        </transition-stub>
+      </div>
     </div>
   </div>
   <div class=\\"ix-row ix-form-item\\">
@@ -26,8 +29,11 @@ exports[`Form > basic work > render work 1`] = `
         <!---->
         <!---->
       </div>
-      <!---->
-      <!---->
+      <div class=\\"ix-form-item-message\\">
+        <transition-stub>
+          <!---->
+        </transition-stub>
+      </div>
     </div>
   </div>
   <div class=\\"ix-row ix-form-item\\">
@@ -43,8 +49,11 @@ exports[`Form > basic work > render work 1`] = `
         <!---->
         <!---->
       </div>
-      <!---->
-      <!---->
+      <div class=\\"ix-form-item-message\\">
+        <transition-stub>
+          <!---->
+        </transition-stub>
+      </div>
     </div>
   </div>
   <div class=\\"ix-row ix-form-item\\">
@@ -55,8 +64,11 @@ exports[`Form > basic work > render work 1`] = `
         <!---->
         <!---->
       </div>
-      <!---->
-      <!---->
+      <div class=\\"ix-form-item-message\\">
+        <transition-stub>
+          <!---->
+        </transition-stub>
+      </div>
     </div>
   </div>
 </form>"
@@ -73,8 +85,11 @@ exports[`Form > item work > render work 1`] = `
       <!---->
       <!---->
     </div>
-    <!---->
-    <!---->
+    <div class=\\"ix-form-item-message\\">
+      <transition-stub>
+        <!---->
+      </transition-stub>
+    </div>
   </div>
 </div>"
 `;
@@ -90,8 +105,11 @@ exports[`Form > wrapper work > render work 1`] = `
       <!---->
       <!---->
     </div>
-    <!---->
-    <!---->
+    <div class=\\"ix-form-item-message\\">
+      <transition-stub>
+        <!---->
+      </transition-stub>
+    </div>
   </div>
 </div>
 <div class=\\"ix-row ix-form-item\\">
@@ -104,8 +122,11 @@ exports[`Form > wrapper work > render work 1`] = `
       <!---->
       <!---->
     </div>
-    <!---->
-    <!---->
+    <div class=\\"ix-form-item-message\\">
+      <transition-stub>
+        <!---->
+      </transition-stub>
+    </div>
   </div>
 </div>
 <div class=\\"ix-row ix-form-item\\">
@@ -121,8 +142,11 @@ exports[`Form > wrapper work > render work 1`] = `
       <!---->
       <!---->
     </div>
-    <!---->
-    <!---->
+    <div class=\\"ix-form-item-message\\">
+      <transition-stub>
+        <!---->
+      </transition-stub>
+    </div>
   </div>
 </div>"
 `;
diff --git a/packages/components/form/__tests__/form.spec.ts b/packages/components/form/__tests__/form.spec.ts
@@ -474,33 +474,33 @@ describe('Form', () => {
         slots: { default: () => h(IxInput) },
       })
 
-      expect(wrapper.find('.ix-form-item-message').exists()).toBe(false)
+      expect(wrapper.find('.ix-form-item-message-valid').exists()).toBe(false)
 
       await wrapper.setProps({ status: 'valid' })
 
-      expect(wrapper.find('.ix-form-item-message').exists()).toBe(false)
+      expect(wrapper.find('.ix-form-item-message-valid').exists()).toBe(false)
 
       await wrapper.setProps({ status: 'invalid' })
 
-      expect(wrapper.find('.ix-form-item-message').text()).toBe(message)
+      expect(wrapper.find('.ix-form-item-message-invalid').text()).toBe(message)
 
       message = 'message2'
       await wrapper.setProps({ message })
 
-      expect(wrapper.find('.ix-form-item-message').text()).toBe(message)
+      expect(wrapper.find('.ix-form-item-message-invalid').text()).toBe(message)
 
       message = { valid: 'valid message', invalid: 'invalid message', validating: 'validating message' }
       await wrapper.setProps({ message })
 
-      expect(wrapper.find('.ix-form-item-message').text()).toBe(message.invalid)
+      expect(wrapper.find('.ix-form-item-message-invalid').text()).toBe(message.invalid)
 
       await wrapper.setProps({ status: 'valid' })
 
-      expect(wrapper.find('.ix-form-item-message').text()).toBe(message.valid)
+      expect(wrapper.find('.ix-form-item-message-valid').text()).toBe(message.valid)
 
       await wrapper.setProps({ status: 'validating' })
 
-      expect(wrapper.find('.ix-form-item-message').text()).toBe(message.validating)
+      expect(wrapper.find('.ix-form-item-message-validating').text()).toBe(message.validating)
     })
 
     test('status work', async () => {