Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
DCloud
unidocs-zh
提交
80c5c9c6
unidocs-zh
项目概览
DCloud
/
unidocs-zh
通知
3172
Star
105
Fork
804
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
93
列表
看板
标记
里程碑
合并请求
67
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
unidocs-zh
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
93
Issue
93
列表
看板
标记
里程碑
合并请求
67
合并请求
67
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
提交
80c5c9c6
编写于
7月 21, 2022
作者:
study夏羽
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update uniapp-cli-project.md
上级
7717ccc2
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
20 addition
and
20 deletion
+20
-20
docs/component/ad-grid.md
docs/component/ad-grid.md
+1
-1
docs/worktile/auto/uniapp-cli-project.md
docs/worktile/auto/uniapp-cli-project.md
+19
-19
未找到文件。
docs/component/ad-grid.md
浏览文件 @
80c5c9c6
...
@@ -45,7 +45,7 @@ Grid 广告在创建后会自动拉取广告。开发者可以通过 ad 组件
...
@@ -45,7 +45,7 @@ Grid 广告在创建后会自动拉取广告。开发者可以通过 ad 组件
},
},
methods
:
{
methods
:
{
adLoad
()
{
adLoad
()
{
console
.
log
(
"
adLoad
"
,
e
);
console
.
log
(
"
adLoad
"
);
},
},
adError
(
e
)
{
adError
(
e
)
{
console
.
log
(
"
adError
"
,
e
);
console
.
log
(
"
adError
"
,
e
);
...
...
docs/worktile/auto/uniapp-cli-project.md
浏览文件 @
80c5c9c6
...
@@ -12,7 +12,7 @@ cli创建项目时若选择`hello uni-app`模板,可看到其中已经自带
...
@@ -12,7 +12,7 @@ cli创建项目时若选择`hello uni-app`模板,可看到其中已经自带
注意:相关依赖不能高于以下版本
注意:相关依赖不能高于以下版本
```
```
js
jest
@
27
.
0.4
jest
@
27
.
0.4
jest
-
environment
-
node
@
27
.
5.1
jest
-
environment
-
node
@
27
.
5.1
...
@@ -21,13 +21,13 @@ jest-environment-node@27.5.1
...
@@ -21,13 +21,13 @@ jest-environment-node@27.5.1
已有
`cli`
工程
已有
`cli`
工程
1.
更新依赖包
`@dcloudio/*`
>=
`2.0.0-alpha-27920200613002`
1.
更新依赖包
`@dcloudio/*`
>=
`2.0.0-alpha-27920200613002`
2.
安装依赖包
`@dcloudio/uni-automator`
2.
安装依赖包
`@dcloudio/uni-automator`
```
```
shell
npm
install
@dcloudio/uni-automator
--save-dev
npm
install
@dcloudio/uni-automator
--save-dev
```
```
3.
package.json script节点新增命令
3.
package.json script节点新增命令
vue2项目新增如下:
vue2项目新增如下:
```
```
js
"
test:h5
"
:
"
cross-env UNI_PLATFORM=h5 jest -i
"
,
"
test:h5
"
:
"
cross-env UNI_PLATFORM=h5 jest -i
"
,
"
test:android
"
:
"
cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=android jest -i
"
,
"
test:android
"
:
"
cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=android jest -i
"
,
"
test:ios
"
:
"
cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=ios jest -i
"
,
"
test:ios
"
:
"
cross-env UNI_PLATFORM=app-plus UNI_OS_NAME=ios jest -i
"
,
...
@@ -36,7 +36,7 @@ vue2项目新增如下:
...
@@ -36,7 +36,7 @@ vue2项目新增如下:
```
```
vue3项目新增如下:
vue3项目新增如下:
```
```
js
"
test:h5
"
:
"
cross-env UNI_PLATFORM=h5 jest -i
"
,
"
test:h5
"
:
"
cross-env UNI_PLATFORM=h5 jest -i
"
,
"
test:android
"
:
"
cross-env UNI_PLATFORM=app UNI_OS_NAME=android jest -i
"
,
"
test:android
"
:
"
cross-env UNI_PLATFORM=app UNI_OS_NAME=android jest -i
"
,
"
test:ios
"
:
"
cross-env UNI_PLATFORM=app UNI_OS_NAME=ios jest -i
"
,
"
test:ios
"
:
"
cross-env UNI_PLATFORM=app UNI_OS_NAME=ios jest -i
"
,
...
@@ -47,7 +47,7 @@ vue3项目新增如下:
...
@@ -47,7 +47,7 @@ vue3项目新增如下:
### H5平台测试流程
### H5平台测试流程
1.
进入工程目录,安装依赖
1.
进入工程目录,安装依赖
```
```
shell
npm
install
puppeteer
--save-dev
npm
install
puppeteer
--save-dev
```
```
注意: 从v3.0.0开始,
`Puppeteer`
开始依赖于Node 10.18.1+
注意: 从v3.0.0开始,
`Puppeteer`
开始依赖于Node 10.18.1+
...
@@ -58,12 +58,12 @@ API文档见:[https://uniapp.dcloud.io/collocation/auto/api](https://uniapp.dc
...
@@ -58,12 +58,12 @@ API文档见:[https://uniapp.dcloud.io/collocation/auto/api](https://uniapp.dc
测试文件目录配置见
[
jest.config.js
](
collocation/auto/quick-start?id=jestconfigjs
)
测试文件目录配置见
[
jest.config.js
](
collocation/auto/quick-start?id=jestconfigjs
)
3.
运行测试
3.
运行测试
```
```
shell
npm run
test
:h5
npm run
test
:h5
```
```
4.
测试结果
4.
测试结果
```
```
js
>>
cross
-
env
UNI_PLATFORM
=
h5
jest
-
i
>>
cross
-
env
UNI_PLATFORM
=
h5
jest
-
i
...
...
Test
Suites
:
1
passed
,
1
total
Test
Suites
:
1
passed
,
1
total
...
@@ -83,14 +83,14 @@ Time: 14.995s, estimated 16s
...
@@ -83,14 +83,14 @@ Time: 14.995s, estimated 16s
3.
创建
`cli`
工程/现有
`cli`
工程
3.
创建
`cli`
工程/现有
`cli`
工程
切换到工程目录,安装依赖包
`adbkit`
切换到工程目录,安装依赖包
`adbkit`
```
```
shell
npm
install
adbkit
--save-dev
npm
install
adbkit
--save-dev
```
```
4.
编写测试代码,参考测试用例
4.
编写测试代码,参考测试用例
5.
运行测试
5.
运行测试
```
```
shell
npm run
test
:android
npm run
test
:android
```
```
...
@@ -100,7 +100,7 @@ npm run test:android
...
@@ -100,7 +100,7 @@ npm run test:android
目前仅支持 iOS 模拟器(需要mac电脑安装xcode)
目前仅支持 iOS 模拟器(需要mac电脑安装xcode)
1.
安装依赖
`node-simctl`
1.
安装依赖
`node-simctl`
```
```
shell
npm
install
node-simctl
--save-dev
npm
install
node-simctl
--save-dev
```
```
...
@@ -111,7 +111,7 @@ npm install node-simctl --save-dev
...
@@ -111,7 +111,7 @@ npm install node-simctl --save-dev
4.
编写测试代码,参考测试用例
4.
编写测试代码,参考测试用例
5.
运行测试
5.
运行测试
```
```
shell
npm run
test
:ios
npm run
test
:ios
```
```
...
@@ -122,12 +122,12 @@ npm run test:ios
...
@@ -122,12 +122,12 @@ npm run test:ios
1.
创建cli项目,同H5平台 (必须配置微信小程序 appid, manifest.json -> mp-weixin -> appid)
1.
创建cli项目,同H5平台 (必须配置微信小程序 appid, manifest.json -> mp-weixin -> appid)
2.
运行测试(如果微信开发者工具无法成功打开项目,请手动打开)
2.
运行测试(如果微信开发者工具无法成功打开项目,请手动打开)
```
```
shell
npm run
test
:mp-weixin
npm run
test
:mp-weixin
```
```
3.
测试结果
3.
测试结果
```
```
js
>
cross
-
env
NODE_ENV
=
development
UNI_PLATFORM
=
mp
-
weixin
vue
-
cli
-
service
uni
-
build
--
watch
"
--auto-port
"
"
9520
"
>
cross
-
env
NODE_ENV
=
development
UNI_PLATFORM
=
mp
-
weixin
vue
-
cli
-
service
uni
-
build
--
watch
"
--auto-port
"
"
9520
"
Test
Suites
:
1
passed
,
1
total
Test
Suites
:
1
passed
,
1
total
Tests
:
4
passed
,
4
total
Tests
:
4
passed
,
4
total
...
@@ -142,19 +142,19 @@ Time: 14.995s, estimated 16s
...
@@ -142,19 +142,19 @@ Time: 14.995s, estimated 16s
使用 hello uni-app 工程测试 H5 平台
使用 hello uni-app 工程测试 H5 平台
1.
创建
`cli`
项目,选择
`hello uni-app`
1.
创建
`cli`
项目,选择
`hello uni-app`
```
```
shell
$
vue create
-p
dcloudio/uni-preset-vue#alpha my-hello-uni-app
$
vue create
-p
dcloudio/uni-preset-vue#alpha my-hello-uni-app
# 进入项目目录
# 进入项目目录
$
cd
my-hello-uni-app
$
cd
my-hello-uni-app
```
```
2.
安装
`puppeteer`
2.
安装
`puppeteer`
```
```
shell
npm
install
puppeteer
npm
install
puppeteer
```
```
3.
创建测试文件
`src/pages/tabBar/component/component.test.js`
,复制下面代码
3.
创建测试文件
`src/pages/tabBar/component/component.test.js`
,复制下面代码
```
```
js
describe
(
'
pages/tabBar/component/component.nvue
'
,
()
=>
{
describe
(
'
pages/tabBar/component/component.nvue
'
,
()
=>
{
let
page
let
page
beforeAll
(
async
()
=>
{
beforeAll
(
async
()
=>
{
...
@@ -211,12 +211,12 @@ describe('pages/tabBar/component/component.nvue', () => {
...
@@ -211,12 +211,12 @@ describe('pages/tabBar/component/component.nvue', () => {
```
```
4.
运行测试
4.
运行测试
```
```
shell
npm run
test
:h5
npm run
test
:h5
```
```
5.
测试结果
5.
测试结果
```
```
js
>
cross
-
env
UNI_PLATFORM
=
h5
jest
-
i
>
cross
-
env
UNI_PLATFORM
=
h5
jest
-
i
PASS
src
/
pages
/
tabBar
/
component
/
component
.
test
.
js
(
14.789
s
)
PASS
src
/
pages
/
tabBar
/
component
/
component
.
test
.
js
(
14.789
s
)
pages
/
tabBar
/
component
/
component
.
nvue
pages
/
tabBar
/
component
/
component
.
nvue
...
@@ -233,7 +233,7 @@ Time: 14.995s, estimated 16s
...
@@ -233,7 +233,7 @@ Time: 14.995s, estimated 16s
#### 屏幕截图示例
#### 屏幕截图示例
```
```
js
describe
(
'
pages/API/set-navigation-bar-title/set-navigation-bar-title.vue
'
,
()
=>
{
describe
(
'
pages/API/set-navigation-bar-title/set-navigation-bar-title.vue
'
,
()
=>
{
let
page
let
page
beforeAll
(
async
()
=>
{
beforeAll
(
async
()
=>
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录