test: update test

Author: yourtion

test/component.test.js

@@ -6,46 +6,55 @@ import JsonEditorSrc from '@/JsonEditor.vue';
 const JsonEditor = process.env.TEST_LIB ? JsonEditorLib : JsonEditorSrc;
 
 describe('JsonEditor', () => {
-  it('should have a created hook', () => {
-    expect(typeof JsonEditor.created).toBe('function');
-  });
 
-  it('should have a mounted hook', () => {
-    expect(typeof JsonEditor.mounted).toBe('function');
-  });
+  describe('hook', () => {
+    it('should have a created hook', () => {
+      expect(typeof JsonEditor.created).toBe('function');
+    });
 
-  it('should have a changed method', () => {
-    expect(typeof JsonEditor.methods.changed).toBe('function');
+    it('should have a mounted hook', () => {
+      expect(typeof JsonEditor.mounted).toBe('function');
+    });
   });
 
-  it('should have a input method', () => {
-    expect(typeof JsonEditor.methods.input).toBe('function');
-  });
+  describe('method', () => {
+    it('should have a changed method', () => {
+      expect(typeof JsonEditor.methods.changed).toBe('function');
+    });
 
-  it('should have a reset method', () => {
-    expect(typeof JsonEditor.methods.reset).toBe('function');
-  });
+    it('should have a input method', () => {
+      expect(typeof JsonEditor.methods.input).toBe('function');
+    });
 
-  it('should have a submit method', () => {
-    expect(typeof JsonEditor.methods.submit).toBe('function');
-  });
+    it('should have a reset method', () => {
+      expect(typeof JsonEditor.methods.reset).toBe('function');
+    });
 
-  it('should have a setErrorMessage method', () => {
-    expect(typeof JsonEditor.methods.setErrorMessage).toBe('function');
-  });
+    it('should have a submit method', () => {
+      expect(typeof JsonEditor.methods.submit).toBe('function');
+    });
+
+    it('should have a setErrorMessage method', () => {
+      expect(typeof JsonEditor.methods.setErrorMessage).toBe('function');
+    });
 
-  it('should have a clearErrorMessage method', () => {
-    expect(typeof JsonEditor.methods.clearErrorMessage).toBe('function');
+    it('should have a clearErrorMessage method', () => {
+      expect(typeof JsonEditor.methods.clearErrorMessage).toBe('function');
+    });
   });
 
-  // Evaluate the results of functions in
-  // the raw component options
-  it('should set the correct default data', () => {
-    expect(typeof JsonEditor.data).toBe('function');
-    const defaultData = JsonEditor.data();
+  describe('data', () => {
+    // Evaluate the results of functions in
+    // the raw component options
+    it('should set the correct default data', () => {
+      expect(typeof JsonEditor.data).toBe('function');
+      const defaultData = JsonEditor.data();
 
-    expect(Object.keys(defaultData.default).length).toBe(0);
-    // expect(defaultData.fields.length).toBe(0);
-    expect(defaultData.error).toBe(null);
+      expect(Object.keys(defaultData.default).length).toBe(0);
+      // expect(defaultData.fields.length).toBe(0);
+      expect(defaultData.error).toBe(null);
+    });
   });
+
+
 });

test/schema.test.js

@@ -22,50 +22,54 @@ describe('schema', () => {
 
   const attr = (input, name) => input.getAttribute(name);
 
-  for (const fieldName in schema.properties) {
-    const field = schema.properties[fieldName];
-
-    if (field.visible === false) {
-      it(`invisible input.${ fieldName } should be undefined`, () => {
-        expect(inputs[fieldName]).toBe(undefined);
-      });
-      continue;
-    }
+  describe('input', () => {
+    for (const fieldName in schema.properties) {
+      const field = schema.properties[fieldName];
+
+      if (field.visible === false) {
+        it(`invisible input.${ fieldName } should be undefined`, () => {
+          expect(inputs[fieldName]).toBe(undefined);
+        });
+        continue;
+      }
 
-    const input = inputs[fieldName];
+      const input = inputs[fieldName];
 
-    if (!field.attrs) {
-      field.attrs = {};
-    }
+      if (!field.attrs) {
+        field.attrs = {};
+      }
 
-    field.attrs.name = fieldName;
+      field.attrs.name = fieldName;
 
-    if (field.type === 'boolean') {
-      field.attrs.type = 'checkbox';
-    }
+      if (field.type === 'boolean') {
+        field.attrs.type = 'checkbox';
+      }
 
-    if (field.minLength) {
-      field.attrs.minlength = field.minLength;
-    }
+      if (field.minLength) {
+        field.attrs.minlength = field.minLength;
+      }
 
-    if (field.maxLength) {
-      field.attrs.maxlength = field.maxLength;
-    }
+      if (field.maxLength) {
+        field.attrs.maxlength = field.maxLength;
+      }
 
-    if (field.required) {
-      field.attrs.required = true;
+      if (field.required) {
+        field.attrs.required = true;
 
-      if (field.attrs.placeholder) {
-        field.attrs.placeholder += ' *';
+        if (field.attrs.placeholder) {
+          field.attrs.placeholder += ' *';
+        }
       }
-    }
 
-    for (const attrName in field.attrs) {
-      it(`input.${ fieldName } should have attribute '${ attrName }'`, () => {
-        expect(attr(input, attrName)).toMatch(new RegExp(`${ field.attrs[attrName] }`));
+      describe(fieldName, () => {
+        for (const attrName in field.attrs) {
+          it(`should have attribute '${ attrName }'`, () => {
+            expect(attr(input, attrName)).toMatch(new RegExp(`${ field.attrs[attrName] }`));
+          });
+        }
       });
     }
-  }
+  });
 
   it('should have a submit button', () => {
     expect(attr(button, 'type')).toBe('submit');

test/simple.test.js

@@ -18,14 +18,14 @@ const model2 = {
 };
 
 describe('Component', () => {
-  test('Mount', () => {
+  it('Mount', () => {
     const wrapper = shallow(JsonEditor, {
       propsData: { schema },
     });
     expect(wrapper.isVueInstance()).toBeTruthy();
   });
 
-  test('Snapshot', done => {
+  it('Snapshot', done => {
     const wrapper = shallow(JsonEditor, {
       propsData: { schema },
     });
@@ -37,21 +37,25 @@ describe('Component', () => {
     });
   });
 
-  test('Mount with data and set data', () => {
+  describe('Mount with data and set data', () => {
     const wrapper = shallow(JsonEditor, {
       propsData: { schema, value: model },
     });
     const component = wrapper.vm;
     expect(wrapper.isVueInstance()).toBeTruthy();
     const form = component.$el.getElementsByTagName('form')[0];
     const { name, lists, email } = form.elements;
-    // get mounted data
-    expect(name.getAttribute('value')).toBe(model.name);
-    expect(lists.getAttribute('value')).toBe(model.lists[0]);
-    // update value by setData
-    wrapper.setData({ value: model2 });
-    expect(email.getAttribute('value')).toBe(model2.email);
-    expect(name.getAttribute('value')).toBe(model2.name);
+
+    it('get mounted data', () => {
+      expect(name.getAttribute('value')).toBe(model.name);
+      expect(lists.getAttribute('value')).toBe(model.lists[0]);
+    });
+
+    it('update value by setData', () => {
+      wrapper.setData({ value: model2 });
+      expect(email.getAttribute('value')).toBe(model2.email);
+      expect(name.getAttribute('value')).toBe(model2.name);
+    });
   });
 
 });