소스 검색

Badge: fix type class when is-dot (#21308)

Aex 3 년 전
부모
커밋
492ab00ad7
2개의 변경된 파일12개의 추가작업 그리고 1개의 파일을 삭제
  1. 1 1
      packages/badge/src/main.vue
  2. 11 0
      test/unit/specs/badge.spec.js

+ 1 - 1
packages/badge/src/main.vue

@@ -7,7 +7,7 @@
         v-text="content"
         class="el-badge__content"
         :class="[
-          'el-badge__content--' + type,
+          type ? 'el-badge__content--' + type : null,
           {
             'is-fixed': $slots.default,
             'is-dot': isDot

+ 11 - 0
test/unit/specs/badge.spec.js

@@ -32,6 +32,17 @@ describe('Badge', () => {
     expect(vm.$el.querySelector('.el-badge__content.is-dot')).to.exist;
   });
 
+  it('is dot with type', () => {
+    vm = createVue(`
+      <el-badge is-dot type="success">
+        <button>click</button>
+      </el-badge>
+    `);
+
+    expect(vm.$el.querySelector('.el-badge__content.is-dot')).to.exist;
+    expect(vm.$el.querySelector('.el-badge__content.el-badge__content--success.is-dot')).to.exist;
+  });
+
   it('max', () => {
     vm = createTest(Badge, { max: 100, value: 200 });
     expect(vm.content).to.equal('100+');