diff --git a/spec/javascripts/groups/group_identicon_spec.js b/spec/javascripts/groups/group_identicon_spec.js index d96156469825b7f76d55b99bd7ac94543e8f8836..667723275036c3b7f48666cb83f292253b749ccd 100644 --- a/spec/javascripts/groups/group_identicon_spec.js +++ b/spec/javascripts/groups/group_identicon_spec.js @@ -9,40 +9,18 @@ const createComponent = () => { const group = store.decorateGroup(group1); return new Component({ - el: document.createElement('div'), propsData: { entityId: group.id, entityName: group.name, }, - }); + }).$mount(); }; describe('GroupIdenticonComponent', () => { let vm; - let el; beforeEach(() => { vm = createComponent(); - el = vm.$el; - }); - - describe('props', () => { - it('should have props with defined data types', (done) => { - const identiconProps = groupIdenticonComponent.props; - const EntityIdTypeClass = identiconProps.entityId.type; - const EntityNameTypeClass = identiconProps.entityName.type; - - Vue.nextTick(() => { - expect(identiconProps.entityId).toBeDefined(); - expect(new EntityIdTypeClass() instanceof Number).toBeTruthy(); - expect(identiconProps.entityId.required).toBeTruthy(); - - expect(identiconProps.entityName).toBeDefined(); - expect(new EntityNameTypeClass() instanceof String).toBeTruthy(); - expect(identiconProps.entityName.required).toBeTruthy(); - done(); - }); - }); }); describe('computed', () => { @@ -74,9 +52,9 @@ describe('GroupIdenticonComponent', () => { describe('template', () => { it('should render identicon', () => { - expect(el.nodeName).toBe('DIV'); - expect(el.classList.contains('identicon')).toBeTruthy(); - expect(el.getAttribute('style').indexOf('background-color') > -1).toBeTruthy(); + expect(vm.$el.nodeName).toBe('DIV'); + expect(vm.$el.classList.contains('identicon')).toBeTruthy(); + expect(vm.$el.getAttribute('style').indexOf('background-color') > -1).toBeTruthy(); }); }); });