tencent/tdesign-react
tencent/tdesign-react
1
0
Fork 0
mirror of https://github.com/Tencent/tdesign-react.git synced 2024-10-23 08:33:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs: test unit支持多个组件

Browse Source
This commit is contained in:
carolin913 2022-03-16 19:51:35 +08:00
parent fd15f0be65
commit e8876bed5b
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
DEVELOP_GUIDE.md
View File

@ -210,7 +210,8 @@ npm run init
npm run test
# 运行全部单元测试用例
npm run test:unit
# 运行指定组件单元测试用例，xxx表示组件目录名称
# 运行指定组件单元测试用例，xxx表示组件目录名称, 多个组件用空格分开
# eg: npm run test:unit button affix
npm run test:unit xxx
# 运行全部e2e测试用例

2
package.json
View File

@ -47,7 +47,7 @@
"lint:tsc": "tsc --emitDeclarationOnly",
"test": "npm run test:unit && npm run test:node",
"test:update": "npm run test:unit-update && npm run test:node-update",
"test:unit": "bash -c 'jest --coverage --config test/config/jest.unit.conf.js ${1}' -- ",
"test:unit": "jest --coverage --config test/config/jest.unit.conf.js",
"test:unit-update": "jest --config test/config/jest.unit.conf.js --updateSnapshot --coverage",
"test:node": "jest --config test/config/jest.ssr.conf.js",
"test:node-update": "jest --config test/config/jest.ssr.conf.js --updateSnapshot --coverage",

6
test/ssr/__snapshots__/ssr.test.js.snap
View File

@ -296,11 +296,11 @@ exports[`ssr snapshot test renders ./src/grid/_example/sort.jsx correctly 1`] =
exports[`ssr snapshot test renders ./src/grid/_example/valign.jsx correctly 1`] = `"<p>align top</p><div class=\\"t-row t-row--center t-row--top\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:80px\\">col-3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:40px\\">col-3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:80px\\">col-3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:40px\\">col-3</div></div></div><p>Align Middle</p><div class=\\"t-row t-row--space-around t-row--middle\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:80px\\">col-3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:40px\\">col-3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:80px\\">col-3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:40px\\">col-3</div></div></div><p>Align Bottom</p><div class=\\"t-row t-row--space-between t-row--bottom\\" style=\\"margin-left:0px;margin-right:0px\\"><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:80px\\">col-3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:40px\\">col-3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:80px\\">col-3</div></div><div class=\\"t-col t-col-3\\" style=\\"padding-left:0px;padding-right:0px\\" gutter=\\"0\\"><div style=\\"height:40px\\">col-3</div></div></div>"`;
exports[`ssr snapshot test renders ./src/icon/_example/Enhanced.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><svg class=\\"t-icon cps-icon-home-sheep\\" style=\\"margin-right:8px\\"><use xlink:href=\\"#cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon cps-icon-home-sheep t-size-m\\" style=\\"margin-right:8px\\"><use xlink:href=\\"#cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon cps-icon-home-sheep t-size-l\\" style=\\"margin-right:8px\\"><use xlink:href=\\"#cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon cps-icon-home-sheep\\" style=\\"font-size:25px\\"><use xlink:href=\\"#cps-icon-home-sheep\\"></use></svg><br/><br/><svg class=\\"t-icon cps-icon-home-sheep\\" style=\\"color:red;margin-right:8px\\"><use xlink:href=\\"#cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon cps-icon-home-sheep\\" style=\\"color:green;margin-right:8px\\"><use xlink:href=\\"#cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon cps-icon-home-sheep\\" style=\\"color:orange;margin-right:8px\\"><use xlink:href=\\"#cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon t-icon-home\\"><use xlink:href=\\"#t-icon-home\\"></use></svg></div>"`;
exports[`ssr snapshot test renders ./src/icon/_example/Enhanced.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><svg class=\\"t-icon t-icon-cps-icon-home-sheep\\" style=\\"margin-right:8px\\"><use xlink:href=\\"#t-icon-cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon t-icon-cps-icon-home-sheep t-size-m\\" style=\\"margin-right:8px\\"><use xlink:href=\\"#t-icon-cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon t-icon-cps-icon-home-sheep t-size-l\\" style=\\"margin-right:8px\\"><use xlink:href=\\"#t-icon-cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon t-icon-cps-icon-home-sheep\\" style=\\"font-size:25px\\"><use xlink:href=\\"#t-icon-cps-icon-home-sheep\\"></use></svg><br/><br/><svg class=\\"t-icon t-icon-cps-icon-home-sheep\\" style=\\"color:red;margin-right:8px\\"><use xlink:href=\\"#t-icon-cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon t-icon-cps-icon-home-sheep\\" style=\\"color:green;margin-right:8px\\"><use xlink:href=\\"#t-icon-cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon t-icon-cps-icon-home-sheep\\" style=\\"color:orange;margin-right:8px\\"><use xlink:href=\\"#t-icon-cps-icon-home-sheep\\"></use></svg><svg class=\\"t-icon t-icon-t-icon-home\\"><use xlink:href=\\"#t-icon-t-icon-home\\"></use></svg></div>"`;
exports[`ssr snapshot test renders ./src/icon/_example/IconExample.jsx correctly 1`] = `"<div style=\\"display:flex;flex-wrap:wrap\\" data-reactroot=\\"\\"><div style=\\"width:140px;height:140px;font-size:12px;display:flex;align-items:center;justify-content:center;flex-direction:column\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-loading\\" style=\\"font-size:2em\\"><path fill=\\"currentColor\\" d=\\"M8 1.5a6.5 6.5 0 000 13v-1.63A4.87 4.87 0 1112.88 8h1.62A6.5 6.5 0 008 1.5z\\" fill-opacity=\\"0.9\\"></path></svg><div style=\\"margin-top:12px\\">LoadingIcon</div></div><div style=\\"width:140px;height:140px;font-size:12px;display:flex;align-items:center;justify-content:center;flex-direction:column\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-close\\" style=\\"font-size:2em\\"><path fill=\\"currentColor\\" d=\\"M8 8.92L11.08 12l.92-.92L8.92 8 12 4.92 11.08 4 8 7.08 4.92 4 4 4.92 7.08 8 4 11.08l.92.92L8 8.92z\\" fill-opacity=\\"0.9\\"></path></svg><div style=\\"margin-top:12px\\">CloseIcon</div></div><div style=\\"width:140px;height:140px;font-size:12px;display:flex;align-items:center;justify-content:center;flex-direction:column\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-check-circle-filled\\" style=\\"font-size:2em\\"><path fill=\\"currentColor\\" d=\\"M8 15A7 7 0 108 1a7 7 0 000 14zM4.5 8.2l.7-.7L7 9.3l3.8-3.8.7.7L7 10.7 4.5 8.2z\\" fill-opacity=\\"0.9\\"></path></svg><div style=\\"margin-top:12px\\">CheckCircleFilledIcon</div></div></div>"`;
exports[`ssr snapshot test renders ./src/icon/_example/IconFontEnhanced.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><i style=\\"margin-right:8px\\" class=\\"t-icon cps-icon cps-icon-home-sheep\\"></i><i style=\\"margin-right:8px\\" class=\\"t-icon cps-icon cps-icon-home-sheep t-size-m\\"></i><i style=\\"margin-right:8px\\" class=\\"t-icon cps-icon cps-icon-home-sheep t-size-l\\"></i><i style=\\"font-size:25px\\" class=\\"t-icon cps-icon cps-icon-home-sheep\\"></i><br/><br/><i style=\\"color:red;margin-right:8px\\" class=\\"t-icon cps-icon cps-icon-home-sheep\\"></i><i style=\\"color:green;margin-right:8px\\" class=\\"t-icon cps-icon cps-icon-home-sheep\\"></i><i style=\\"color:orange;margin-right:8px\\" class=\\"t-icon cps-icon cps-icon-home-sheep\\"></i><i class=\\"t-icon t-icon-home\\"></i></div>"`;
exports[`ssr snapshot test renders ./src/icon/_example/IconFontEnhanced.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><i style=\\"margin-right:8px\\" class=\\"t-icon t-icon-cps-icon cps-icon-home-sheep\\"></i><i style=\\"margin-right:8px\\" class=\\"t-icon t-icon-cps-icon cps-icon-home-sheep t-size-m\\"></i><i style=\\"margin-right:8px\\" class=\\"t-icon t-icon-cps-icon cps-icon-home-sheep t-size-l\\"></i><i style=\\"font-size:25px\\" class=\\"t-icon t-icon-cps-icon cps-icon-home-sheep\\"></i><br/><br/><i style=\\"color:red;margin-right:8px\\" class=\\"t-icon t-icon-cps-icon cps-icon-home-sheep\\"></i><i style=\\"color:green;margin-right:8px\\" class=\\"t-icon t-icon-cps-icon cps-icon-home-sheep\\"></i><i style=\\"color:orange;margin-right:8px\\" class=\\"t-icon t-icon-cps-icon cps-icon-home-sheep\\"></i><i class=\\"t-icon t-icon-t-icon-home\\"></i></div>"`;
exports[`ssr snapshot test renders ./src/icon/_example/IconFontExample.jsx correctly 1`] = `"<div style=\\"display:flex;flex-wrap:wrap\\" data-reactroot=\\"\\"><div style=\\"width:140px;height:140px;font-size:12px;display:flex;align-items:center;justify-content:center;flex-direction:column\\"><i style=\\"font-size:2em\\" class=\\"t-icon t-icon-loading\\"></i><div style=\\"margin-top:12px\\">loading</div></div><div style=\\"width:140px;height:140px;font-size:12px;display:flex;align-items:center;justify-content:center;flex-direction:column\\"><i style=\\"font-size:2em\\" class=\\"t-icon t-icon-close\\"></i><div style=\\"margin-top:12px\\">close</div></div><div style=\\"width:140px;height:140px;font-size:12px;display:flex;align-items:center;justify-content:center;flex-direction:column\\"><i style=\\"font-size:2em\\" class=\\"t-icon t-icon-check-circle-filled\\"></i><div style=\\"margin-top:12px\\">check-circle-filled</div></div></div>"`;
@ -576,7 +576,7 @@ exports[`ssr snapshot test renders ./src/select-input/_example/multiple.jsx corr
exports[`ssr snapshot test renders ./src/select-input/_example/single.jsx correctly 1`] = `"<div data-reactroot=\\"\\"><div class=\\"t-popup__reference t-select-input\\" style=\\"width:300px\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><svg fill=\\"none\\" viewBox=\\"0 0 16 16\\" width=\\"1em\\" height=\\"1em\\" class=\\"t-icon t-icon-chevron-down\\"><path fill=\\"currentColor\\" d=\\"M3.54 6.46l.92-.92L8 9.08l3.54-3.54.92.92L8 10.92 3.54 6.46z\\" fill-opacity=\\"0.9\\"></path></svg></span></div></div></div></div>"`;
exports[`ssr snapshot test renders ./src/select-input/_example/status.jsx correctly 1`] = `"<div class=\\"tdesign-demo-select-input-status\\" data-reactroot=\\"\\"><div><span>禁用状态：</span><div class=\\"t-select-input__wrap\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-disabled t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\" disabled=\\"\\"/></div></div></div><div class=\\"t-input__tips t-input__tips--normal\\">这是禁用状态的文本</div></div></div><br/><div><span>只读状态：</span><div class=\\"t-select-input__wrap\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><div class=\\"t-input__tips t-input__tips--normal\\">这是只读状态的文本提示</div></div></div><br/><br/><div><span>成功状态：</span><div class=\\"t-select-input__wrap\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-success t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><div class=\\"t-input__tips t-input__tips--success\\">校验通过文本提示</div></div></div><br/><div><span>警告状态：</span><div class=\\"t-select-input__wrap\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-warning t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><div class=\\"t-input__tips t-input__tips--warning\\">校验不通过文本提示</div></div></div><br/><div><span>错误状态：</span><div class=\\"t-select-input__wrap\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-error t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><div class=\\"t-input__tips t-input__tips--error\\">校验存在严重问题文本提示</div></div></div><br/></div>"`;
exports[`ssr snapshot test renders ./src/select-input/_example/status.jsx correctly 1`] = `"<div class=\\"tdesign-demo-select-input-status\\" data-reactroot=\\"\\"><div><span>禁用状态：</span><div class=\\"t-select-input__wrap\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-disabled t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\" disabled=\\"\\"/></div></div></div><div class=\\"t-input__tips t-input__tips--normal\\">这是禁用状态的文本</div></div></div><br/><div><span>只读状态：</span><div class=\\"t-select-input__wrap\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><div class=\\"t-input__tips t-input__tips--normal\\">这是只读状态的文本提示</div></div></div><br/><br/><div><span>成功状态：</span><div class=\\"t-select-input__wrap\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-success t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><div class=\\"t-input__tips t-input__tips--success\\">校验通过文本提示</div></div></div><br/><div><span>警告状态：</span><div class=\\"t-select-input__wrap\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-warning t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><div class=\\"t-input__tips t-input__tips--warning\\">校验不通过文本提示</div></div></div><br/><div><span>错误状态：</span><div class=\\"t-select-input__wrap\\"><div class=\\"t-popup__reference t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-is-error t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div><div class=\\"t-input__tips t-input__tips--error\\">校验存在严重问题文本提示</div></div></div><br/><div><span>加载状态：</span><div class=\\"t-select-input__wrap\\"><div class=\\"t-popup__reference t-select-input t-select-input--empty\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix t-input--suffix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/><span class=\\"t-input__suffix t-input__suffix-icon\\"><div class=\\"t-loading t-loading--center t-size-s\\"><svg class=\\"t-loading__gradient t-icon-loading\\" viewBox=\\"0 0 14 14\\" version=\\"1.1\\" width=\\"1em\\" height=\\"1em\\" xmlns=\\"http://www.w3.org/2000/svg\\"><foreignObject x=\\"1\\" y=\\"1\\" width=\\"12\\" height=\\"12\\"><div class=\\"t-loading__gradient-conic\\"></div></foreignObject></svg></div></span></div></div></div><div class=\\"t-input__tips t-input__tips--normal\\">处于加载状态的文本提示</div></div></div><br/></div>"`;
exports[`ssr snapshot test renders ./src/select-input/_example/width.jsx correctly 1`] = `"<div class=\\"tdesign-demo__select-input-width\\" data-reactroot=\\"\\"><div><span>下拉框默认宽度：</span><div class=\\"t-popup__reference t-demo-normal t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div></div><br/><div><span>下拉框最大宽度：</span><div class=\\"t-popup__reference t-demo-normal t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div></div><br/><div><span>与内容宽度一致：</span><div class=\\"t-popup__reference t-demo-normal t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div></div><br/><div><span>下拉框固定宽度：</span><div class=\\"t-popup__reference t-demo-normal t-select-input\\"><div class=\\"t-input__wrap\\"><div class=\\"t-input t-is-readonly t-input--prefix\\"><div class=\\"t-input__prefix\\"></div><input placeholder=\\"Please Select\\" class=\\"t-input__inner\\" value=\\"\\" readonly=\\"\\"/></div></div></div></div><br/></div>"`;