[breaking change] GoodsAction: rename component

This commit is contained in:
陈嘉涵
2019-04-29 16:40:50 +08:00
parent 706f047909
commit 138790b3e3
13 changed files with 114 additions and 114 deletions
@@ -4,35 +4,35 @@ exports[`renders demo correctly 1`] = `
<div>
<div>
<div class="van-goods-action">
<div class="van-goods-action-mini-btn van-hairline">
<div class="van-icon van-icon-chat-o van-goods-action-mini-btn__icon">
<div class="van-goods-action-icon van-hairline">
<div class="van-icon van-icon-chat-o van-goods-action-icon__icon">
<!---->
</div>客服
</div>
<div class="van-goods-action-mini-btn van-hairline">
<div class="van-icon van-icon-cart-o van-goods-action-mini-btn__icon">
<div class="van-goods-action-icon van-hairline">
<div class="van-icon van-icon-cart-o van-goods-action-icon__icon">
<!---->
</div>购物车
</div> <button class="van-button van-button--warning van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">加入购物车</span></button> <button class="van-button van-button--danger van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">立即购买</span></button>
</div> <button class="van-button van-button--warning van-button--large van-button--square van-goods-action-button"><span class="van-button__text">加入购物车</span></button> <button class="van-button van-button--danger van-button--large van-button--square van-goods-action-button"><span class="van-button__text">立即购买</span></button>
</div>
</div>
<div>
<div class="van-goods-action">
<div class="van-goods-action-mini-btn van-hairline">
<div class="van-icon van-icon-chat-o van-goods-action-mini-btn__icon">
<div class="van-goods-action-icon van-hairline">
<div class="van-icon van-icon-chat-o van-goods-action-icon__icon">
<!---->
</div>客服
</div>
<div class="van-goods-action-mini-btn van-hairline">
<div class="van-icon van-icon-cart-o van-goods-action-mini-btn__icon">
<div class="van-goods-action-icon van-hairline">
<div class="van-icon van-icon-cart-o van-goods-action-icon__icon">
<div class="van-info">5</div>
</div>购物车
</div>
<div class="van-goods-action-mini-btn van-hairline">
<div class="van-icon van-icon-shop-o van-goods-action-mini-btn__icon">
<div class="van-goods-action-icon van-hairline">
<div class="van-icon van-icon-shop-o van-goods-action-icon__icon">
<!---->
</div>店铺
</div> <button class="van-button van-button--warning van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">加入购物车</span></button> <button class="van-button van-button--danger van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">立即购买</span></button>
</div> <button class="van-button van-button--warning van-button--large van-button--square van-goods-action-button"><span class="van-button__text">加入购物车</span></button> <button class="van-button van-button--danger van-button--large van-button--square van-goods-action-button"><span class="van-button__text">立即购买</span></button>
</div>
</div>
</div>
@@ -1,10 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`BigBtn render default slot 1`] = `<button class="van-button van-button--warning van-button--large van-button--square van-goods-action-big-btn"><span class="van-button__text">Default Content</span></button>`;
exports[`Button render default slot 1`] = `<button class="van-button van-button--warning van-button--large van-button--square van-goods-action-button"><span class="van-button__text">Default Content</span></button>`;
exports[`Mini render default slot 1`] = `
<div class="van-goods-action-mini-btn van-hairline">
<div class="van-icon van-icon-undefined van-goods-action-mini-btn__icon">
exports[`Icon render default slot 1`] = `
<div class="van-goods-action-icon van-hairline">
<div class="van-icon van-icon-undefined van-goods-action-icon__icon">
<!---->
</div>Default Content
</div>
+10 -10
View File
@@ -1,10 +1,10 @@
import BigBtn from '../../goods-action-big-btn';
import MiniBtn from '../../goods-action-mini-btn';
import Button from '../../goods-action-button';
import Icon from '../../goods-action-icon';
import { mount } from '../../../test/utils';
test('BigBtn click event', () => {
test('Button click event', () => {
const click = jest.fn();
const wrapper = mount(BigBtn, {
const wrapper = mount(Button, {
context: {
on: {
click
@@ -16,9 +16,9 @@ test('BigBtn click event', () => {
expect(click).toHaveBeenCalledTimes(1);
});
test('MiniBtn click event', () => {
test('Icon click event', () => {
const click = jest.fn();
const wrapper = mount(MiniBtn, {
const wrapper = mount(Icon, {
context: {
on: {
click
@@ -30,20 +30,20 @@ test('MiniBtn click event', () => {
expect(click).toHaveBeenCalledTimes(1);
});
test('BigBtn render default slot', () => {
test('Button render default slot', () => {
const wrapper = mount({
render(h) {
return h(BigBtn, null, ['Default Content']);
return h(Button, null, ['Default Content']);
}
});
expect(wrapper).toMatchSnapshot();
});
test('Mini render default slot', () => {
test('Icon render default slot', () => {
const wrapper = mount({
render(h) {
return h(MiniBtn, null, ['Default Content']);
return h(Icon, null, ['Default Content']);
}
});