fix(testcase): 更新测试用例

jd-opensource · Oct 18, 2018 · 77ed71b · 77ed71b
1 parent b85a026
commit 77ed71b
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 13 deletions.
diff --git a/docs/markdown/button.md b/docs/markdown/button.md
@@ -62,6 +62,7 @@ import { AtButton } from 'taro-ui'
 | √    | -  | appParameter | 参考[微信button文档](https://developers.weixin.qq.com/miniprogram/dev/component/button.html) | String | -                      | -   |
 
 > 注1：由于微信 button 的部分样式属性和 AtButton 有冲突，所以暂未被 AtButton 支持。支持的属性以上表为准
+
 > 注2：formType 为 submit、reset 都可以触发 Form 或 AtForm 的 submit、reset 事件，但是由于微信的限制，只能取到 event.detail 的部分值，比如 formid，不能取到 value。而 reset 也不会使 AtForm 里的 AtInput 等重置
 
 ## Button 事件

diff --git a/src/components/badge/__snapshots__/index.test.js.snap b/src/components/badge/__snapshots__/index.test.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`AtBadge Snap render AtBadge -- props dot 1`] = `"<div class=\\"at-badge\\"><div class=\\"at-button at-button--normal at-button--icon\\">undefined<div class=\\"at-button__icon\\"><div style=\\"width:18px;height:18px;\\" class=\\"at-loading\\"><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div></div></div><div class=\\"at-button__text\\">按钮文字</div></div><div class=\\"at-badge__dot\\"></div></div>"`;
+exports[`AtBadge Snap render AtBadge -- props dot 1`] = `"<div class=\\"at-badge\\"><div class=\\"at-button at-button--icon at-button--normal\\">undefined<div class=\\"at-button__icon\\"><div style=\\"width:18px;height:18px;\\" class=\\"at-loading\\"><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div></div></div><div class=\\"at-button__text\\">按钮文字</div></div><div class=\\"at-badge__dot\\"></div></div>"`;
 
-exports[`AtBadge Snap render AtBadge -- props maxValue 1`] = `"<div class=\\"at-badge\\"><div class=\\"at-button at-button--normal at-button--icon\\">undefined<div class=\\"at-button__icon\\"><div style=\\"width:18px;height:18px;\\" class=\\"at-loading\\"><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div></div></div><div class=\\"at-button__text\\">按钮文字</div></div><div class=\\"at-badge__num\\">9+</div></div>"`;
+exports[`AtBadge Snap render AtBadge -- props maxValue 1`] = `"<div class=\\"at-badge\\"><div class=\\"at-button at-button--icon at-button--normal\\">undefined<div class=\\"at-button__icon\\"><div style=\\"width:18px;height:18px;\\" class=\\"at-loading\\"><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div></div></div><div class=\\"at-button__text\\">按钮文字</div></div><div class=\\"at-badge__num\\">9+</div></div>"`;
 
-exports[`AtBadge Snap render AtBadge -- props value 1`] = `"<div class=\\"at-badge\\"><div class=\\"at-button at-button--normal at-button--icon\\">undefined<div class=\\"at-button__icon\\"><div style=\\"width:18px;height:18px;\\" class=\\"at-loading\\"><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div></div></div><div class=\\"at-button__text\\">按钮文字</div></div><div class=\\"at-badge__num\\">3</div></div>"`;
+exports[`AtBadge Snap render AtBadge -- props value 1`] = `"<div class=\\"at-badge\\"><div class=\\"at-button at-button--icon at-button--normal\\">undefined<div class=\\"at-button__icon\\"><div style=\\"width:18px;height:18px;\\" class=\\"at-loading\\"><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div></div></div><div class=\\"at-button__text\\">按钮文字</div></div><div class=\\"at-badge__num\\">3</div></div>"`;
diff --git a/src/components/button/__snapshots__/index.test.js.snap b/src/components/button/__snapshots__/index.test.js.snap
@@ -4,7 +4,9 @@ exports[`AtButton Snap render AtButton -- props circle 1`] = `"<div class=\\"at-
 
 exports[`AtButton Snap render AtButton -- props disabled 1`] = `"<div class=\\"at-button at-button--normal at-button--disabled\\">undefinedundefined<div class=\\"at-button__text\\">按钮</div></div>"`;
 
-exports[`AtButton Snap render AtButton -- props loading 1`] = `"<div class=\\"at-button at-button--normal at-button--icon\\">undefined<div class=\\"at-button__icon\\"><div style=\\"width:18px;height:18px;\\" class=\\"at-loading\\"><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div></div></div><div class=\\"at-button__text\\">按钮</div></div>"`;
+exports[`AtButton Snap render AtButton -- props full 1`] = `"<div class=\\"at-button at-button--normal at-button--full\\">undefinedundefined<div class=\\"at-button__text\\">按钮</div></div>"`;
+
+exports[`AtButton Snap render AtButton -- props loading 1`] = `"<div class=\\"at-button at-button--icon at-button--normal\\">undefined<div class=\\"at-button__icon\\"><div style=\\"width:18px;height:18px;\\" class=\\"at-loading\\"><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div><div style=\\"border:1px solid #6190E8;border-color:#6190E8 transparent transparent transparent;width:18px;height:18px;\\" class=\\"at-loading__ring\\"></div></div></div><div class=\\"at-button__text\\">按钮</div></div>"`;
 
 exports[`AtButton Snap render AtButton -- props size(normal) 1`] = `"<div class=\\"at-button at-button--normal\\">undefinedundefined<div class=\\"at-button__text\\">按钮</div></div>"`;
 

diff --git a/src/components/button/index.test.js b/src/components/button/index.test.js
@@ -30,6 +30,11 @@ describe('AtButton Snap', () => {
     expect(component).toMatchSnapshot()
   })
 
+  it('render AtButton -- props full', () => {
+    const component = renderToString(<AtButton full>按钮</AtButton>)
+    expect(component).toMatchSnapshot()
+  })
+
   it('render AtButton -- props loading', () => {
     const component = renderToString(<AtButton loading>按钮</AtButton>)
     expect(component).toMatchSnapshot()

diff --git a/src/components/noticebar/__snapshots__/index.test.js.snap b/src/components/noticebar/__snapshots__/index.test.js.snap
@@ -1,11 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`AtNoticebar Snap render AtNoticebar -- props icon 1`] = `"<div class=\\"at-noticebar\\">undefined<div class=\\"at-noticebar__content\\"><div class=\\"at-noticebar__content-icon\\"><span style=\\"font-size:16px;color:;\\" class=\\"taro-text at-icon at-icon-volume-plus\\"></span></div><div class=\\"at-noticebar__content-text\\"><span class=\\"taro-text at-noticebar__content-inner\\">这是内容</span></div></div>undefined</div>"`;
+exports[`AtNoticebar Snap render AtNoticebar -- props icon 1`] = `"<div class=\\"at-noticebar\\">undefined<div class=\\"at-noticebar__content\\"><div class=\\"at-noticebar__content-icon\\"><span style=\\"font-size:16px;color:;\\" class=\\"taro-text at-icon at-icon-volume-plus\\"></span></div><div class=\\"at-noticebar__content-text\\"><div class=\\"at-noticebar__content-inner\\">这是内容</div></div></div>undefined</div>"`;
 
-exports[`AtNoticebar Snap render AtNoticebar -- props moreText & showMore 1`] = `"<div class=\\"at-noticebar\\">undefined<div class=\\"at-noticebar__content\\"><div class=\\"at-noticebar__content-text\\"><span class=\\"taro-text at-noticebar__content-inner\\">这是内容</span></div></div>undefined</div>"`;
+exports[`AtNoticebar Snap render AtNoticebar -- props moreText & showMore 1`] = `"<div class=\\"at-noticebar\\">undefined<div class=\\"at-noticebar__content\\"><div class=\\"at-noticebar__content-text\\"><div class=\\"at-noticebar__content-inner\\">这是内容</div></div></div>undefined</div>"`;
 
-exports[`AtNoticebar Snap render AtNoticebar -- props show 1`] = `"<div class=\\"at-noticebar\\"><div class=\\"at-noticebar__close\\"><span style=\\"font-size:16px;color:#ccc;\\" class=\\"taro-text at-icon at-icon-close\\"></span></div><div class=\\"at-noticebar__content\\"><div class=\\"at-noticebar__content-text\\"><span class=\\"taro-text at-noticebar__content-inner\\">这是内容</span></div></div>undefined</div>"`;
+exports[`AtNoticebar Snap render AtNoticebar -- props show 1`] = `"<div class=\\"at-noticebar\\"><div class=\\"at-noticebar__close\\"><span style=\\"font-size:16px;color:#ccc;\\" class=\\"taro-text at-icon at-icon-close\\"></span></div><div class=\\"at-noticebar__content\\"><div class=\\"at-noticebar__content-text\\"><div class=\\"at-noticebar__content-inner\\">这是内容</div></div></div>undefined</div>"`;
 
-exports[`AtNoticebar Snap render AtNoticebar -- props single 1`] = `"<div class=\\"at-noticebar at-noticebar--single\\">undefined<div class=\\"at-noticebar__content\\"><div class=\\"at-noticebar__content-text\\"><span class=\\"taro-text at-noticebar__content-inner\\">这是内容</span></div></div>undefined</div>"`;
+exports[`AtNoticebar Snap render AtNoticebar -- props single 1`] = `"<div class=\\"at-noticebar at-noticebar--single\\">undefined<div class=\\"at-noticebar__content\\"><div class=\\"at-noticebar__content-text\\"><div class=\\"at-noticebar__content-inner\\">这是内容</div></div></div>undefined</div>"`;
 
-exports[`AtNoticebar Snap render AtNoticebar -- props speed 1`] = `"<div class=\\"at-noticebar\\">undefined<div class=\\"at-noticebar__content\\"><div class=\\"at-noticebar__content-text\\"><span class=\\"taro-text at-noticebar__content-inner\\">这是内容</span></div></div>undefined</div>"`;
+exports[`AtNoticebar Snap render AtNoticebar -- props speed 1`] = `"<div class=\\"at-noticebar\\">undefined<div class=\\"at-noticebar__content\\"><div class=\\"at-noticebar__content-text\\"><div class=\\"at-noticebar__content-inner\\">这是内容</div></div></div>undefined</div>"`;
diff --git a/src/components/tabs/__snapshots__/index.test.js.snap b/src/components/tabs/__snapshots__/index.test.js.snap
@@ -2,14 +2,14 @@
 
 exports[`AtTabs Snap render AtTabs -- props animated 1`] = `"<div style=\\"height:;\\" class=\\"at-tabs\\"><div class=\\"at-tabs__header\\"><div id=\\"tab0\\" class=\\"at-tabs__item at-tabs__item--active\\">标签页1</div><div id=\\"tab1\\" class=\\"at-tabs__item\\">标签页2</div><div id=\\"tab2\\" class=\\"at-tabs__item\\">标签页3</div></div><div style=\\"transform:translate3d(-0%, 0px, 0px);transition:unset;height:;\\" class=\\"at-tabs__body\\"><div style=\\"height:1PX;width:300%;\\" class=\\"at-tabs__underline\\"></div></div></div>"`;
 
-exports[`AtTabs Snap render AtTabs -- props animated 2`] = `"<div style=\\"height:300px;\\" class=\\"at-tabs\\"><div class=\\"at-tabs__header\\"><div id=\\"tab0\\" class=\\"at-tabs__item at-tabs__item--active\\">标签页1</div><div id=\\"tab1\\" class=\\"at-tabs__item\\">标签页2</div><div id=\\"tab2\\" class=\\"at-tabs__item\\">标签页3</div></div><div style=\\"transform:translate3d(-0%, 0px, 0px);height:300px;\\" class=\\"at-tabs__body\\"><div style=\\"height:1PX;width:300%;\\" class=\\"at-tabs__underline\\"></div></div></div>"`;
-
 exports[`AtTabs Snap render AtTabs -- props className 1`] = `"<div style=\\"height:;\\" class=\\"at-tabs test\\"><div class=\\"at-tabs__header\\"></div><div style=\\"transform:translate3d(-0%, 0px, 0px);height:;\\" class=\\"at-tabs__body\\"><div style=\\"height:1PX;width:0%;\\" class=\\"at-tabs__underline\\"></div></div></div>"`;
 
 exports[`AtTabs Snap render AtTabs -- props current 1`] = `"<div style=\\"height:;\\" class=\\"at-tabs\\"><div class=\\"at-tabs__header\\"><div id=\\"tab0\\" class=\\"at-tabs__item\\">标签页1</div><div id=\\"tab1\\" class=\\"at-tabs__item\\">标签页2</div><div id=\\"tab2\\" class=\\"at-tabs__item at-tabs__item--active\\">标签页3</div></div><div style=\\"transform:translate3d(-200%, 0px, 0px);height:;\\" class=\\"at-tabs__body\\"><div style=\\"height:1PX;width:300%;\\" class=\\"at-tabs__underline\\"></div></div></div>"`;
 
 exports[`AtTabs Snap render AtTabs -- props customStyle 1`] = `"<div style=\\"height:;color:red;\\" class=\\"at-tabs\\"><div class=\\"at-tabs__header\\"></div><div style=\\"transform:translate3d(-0%, 0px, 0px);height:;\\" class=\\"at-tabs__body\\"><div style=\\"height:1PX;width:0%;\\" class=\\"at-tabs__underline\\"></div></div></div>"`;
 
+exports[`AtTabs Snap render AtTabs -- props height 1`] = `"<div style=\\"height:300px;\\" class=\\"at-tabs at-tabs--vertical\\"><div class=\\"at-tabs__header\\"><div id=\\"tab0\\" class=\\"at-tabs__item at-tabs__item--active\\">标签页1</div><div id=\\"tab1\\" class=\\"at-tabs__item\\">标签页2</div><div id=\\"tab2\\" class=\\"at-tabs__item\\">标签页3</div></div><div style=\\"transform:translate3d(0px, -0%, 0px);height:300px;\\" class=\\"at-tabs__body\\"><div style=\\"height:300%;width:1PX;\\" class=\\"at-tabs__underline\\"></div></div></div>"`;
+
 exports[`AtTabs Snap render AtTabs -- props scroll 1`] = `"<div style=\\"height:;\\" class=\\"at-tabs\\"><div style=\\"height:;\\" scrollX scrollWithAnimation scrollLeft=\\"0\\" scrollTop=\\"0\\" scrollIntoView=\\"\\" class=\\"taro-scroll taro-scroll-view__scroll-x at-tabs__header at-tabs__header--scroll\\"><div id=\\"tab0\\" class=\\"at-tabs__item at-tabs__item--active\\">标签页1</div><div id=\\"tab1\\" class=\\"at-tabs__item\\">标签页2</div><div id=\\"tab2\\" class=\\"at-tabs__item\\">标签页3</div></div><div style=\\"transform:translate3d(-0%, 0px, 0px);height:;\\" class=\\"at-tabs__body\\"><div style=\\"height:1PX;width:300%;\\" class=\\"at-tabs__underline\\"></div></div></div>"`;
 
 exports[`AtTabs Snap render AtTabs -- props swipeable 1`] = `"<div style=\\"height:;\\" class=\\"at-tabs\\"><div class=\\"at-tabs__header\\"><div id=\\"tab0\\" class=\\"at-tabs__item at-tabs__item--active\\">标签页1</div><div id=\\"tab1\\" class=\\"at-tabs__item\\">标签页2</div><div id=\\"tab2\\" class=\\"at-tabs__item\\">标签页3</div></div><div style=\\"transform:translate3d(-0%, 0px, 0px);height:;\\" class=\\"at-tabs__body\\"><div style=\\"height:1PX;width:300%;\\" class=\\"at-tabs__underline\\"></div></div></div>"`;