add test cases

Hiws · Hiws · commit c6e98743fa10 · 2020-07-06T13:52:41.000+02:00
diff --git a/src/components/avatar/avatar.spec.js b/src/components/avatar/avatar.spec.js
@@ -317,4 +317,34 @@ describe('avatar', () => {
 
     wrapper2.destroy()
   })
+
+  it('should render `alt` attribute if `alt` prop is empty string', async () => {
+    const wrapper = mount(BAvatar, {
+      propsData: {
+        src: '/foo/bar',
+        alt: ''
+      }
+    })
+    expect(wrapper.vm).toBeDefined()
+    expect(wrapper.find('img').exists()).toBe(true)
+    expect(wrapper.find('img').attributes('src')).toEqual('/foo/bar')
+    expect(wrapper.find('img').attributes('alt')).toEqual('')
+
+    wrapper.destroy()
+  })
+
+  it('should not render `alt` attribute if `alt` prop is null', async () => {
+    const wrapper = mount(BAvatar, {
+      propsData: {
+        src: '/foo/bar',
+        alt: null
+      }
+    })
+    expect(wrapper.vm).toBeDefined()
+    expect(wrapper.find('img').exists()).toBe(true)
+    expect(wrapper.find('img').attributes('src')).toEqual('/foo/bar')
+    expect(wrapper.find('img').attributes('alt')).not.toBeDefined()
+
+    wrapper.destroy()
+  })
 })
diff --git a/src/components/card/card-img-lazy.spec.js b/src/components/card/card-img-lazy.spec.js
@@ -154,6 +154,22 @@ describe('card-image', () => {
     wrapper.destroy()
   })
 
+  it('has attribute alt when prop `alt` empty', async () => {
+    const wrapper = mount(BCardImgLazy, {
+      context: {
+        props: {
+          src: 'https://picsum.photos/600/300/?image=25',
+          alt: ''
+        }
+      }
+    })
+
+    expect(wrapper.attributes('alt')).toBeDefined()
+    expect(wrapper.attributes('alt')).toBe('')
+
+    wrapper.destroy()
+  })
+
   it('has attribute width when prop width set', async () => {
     const wrapper = mount(BCardImgLazy, {
       context: {
diff --git a/src/components/card/card-img.spec.js b/src/components/card/card-img.spec.js
@@ -158,6 +158,22 @@ describe('card-image', () => {
     wrapper.destroy()
   })
 
+  it('has attribute alt when prop `alt` empty', async () => {
+    const wrapper = mount(BCardImg, {
+      context: {
+        props: {
+          src: 'https://picsum.photos/600/300/?image=25',
+          alt: ''
+        }
+      }
+    })
+
+    expect(wrapper.attributes('alt')).toBeDefined()
+    expect(wrapper.attributes('alt')).toBe('')
+
+    wrapper.destroy()
+  })
+
   it('has attribute width when prop width set', async () => {
     const wrapper = mount(BCardImg, {
       context: {
diff --git a/src/components/image/img.spec.js b/src/components/image/img.spec.js
@@ -30,6 +30,22 @@ describe('img', () => {
     wrapper.destroy()
   })
 
+  it('default does not have attributes alt, width, or height', async () => {
+    const wrapper = mount(BImg, {
+      context: {
+        props: {
+          src: 'https://picsum.photos/600/300/?image=25'
+        }
+      }
+    })
+
+    expect(wrapper.attributes('alt')).not.toBeDefined()
+    expect(wrapper.attributes('width')).not.toBeDefined()
+    expect(wrapper.attributes('height')).not.toBeDefined()
+
+    wrapper.destroy()
+  })
+
   it('should have class "img-fluid" when prop fluid set', async () => {
     const wrapper = mount(BImg, {
       propsData: {
@@ -223,4 +239,17 @@ describe('img', () => {
 
     wrapper.destroy()
   })
+
+  it('should have alt attribute when `alt` prop is empty', async () => {
+    const wrapper = mount(BImg, {
+      propsData: {
+        alt: ''
+      }
+    })
+
+    expect(wrapper.attributes('alt')).toBeDefined()
+    expect(wrapper.attributes('alt')).toEqual('')
+
+    wrapper.destroy()
+  })
 })
