Skip to content

H
hello uni-app x

DCloud / hello uni-app x

通知 5995
Star 90
Fork 162
H
hello uni-app x
提交 b66282b5 编写于 作者: dcloud_wdl's avatar dcloud_wdl
浏览文件
操作

[转正] git merge origin/alpha

上级 85ac42b6 e3af20e5
展开全部 隐藏空白更改
内联 并排
Showing with 5670 addition and 2507 deletion
.gitignore
浏览文件 @ b66282b5
node_modules/ node_modules/
.project .project
/unpackage/* unpackage/
!/unpackage/icon1024.png
.DS_Store .DS_Store
.hbuilderx/ .hbuilderx/
__image_snapshots__/ __image_snapshots__/
......
changelog.md
浏览文件 @ b66282b5
## 1.0.27
* update 4.23.2024070309-alpha
## 1.0.25
* update 4.22.2024062415-alpha
## 1.0.24 ## 1.0.24
* update 4.21.2024061818-alpha * update 4.21.2024061818-alpha
......
components/api-set-tabbar/api-set-tabbar.vue
浏览文件 @ b66282b5
...@@ -112,14 +112,16 @@ ...@@ -112,14 +112,16 @@
color: '#7A7E83', color: '#7A7E83',
selectedColor: '#007AFF', selectedColor: '#007AFF',
backgroundColor: '#F8F8F8', backgroundColor: '#F8F8F8',
borderStyle: 'black' borderStyle: 'black',
// 新增 borderColor，优先级高于 borderStyle
// borderColor:'red'
}) })
} else { } else {
uni.setTabBarStyle({ uni.setTabBarStyle({
color: '#FFF', color: '#FFF',
selectedColor: '#007AFF', selectedColor: '#007AFF',
backgroundColor: '#000000', backgroundColor: '#000000',
borderStyle: 'black' borderStyle: 'black',
}) })
} }
this.hasCustomedStyle = !this.hasCustomedStyle this.hasCustomedStyle = !this.hasCustomedStyle
......
hybrid/html/local.html
浏览文件 @ b66282b5
...@@ -48,6 +48,8 @@ ...@@ -48,6 +48,8 @@
<input type="file" accept="image/*" multiple /> <input type="file" accept="image/*" multiple />
<p style="font-size: 14px;">普通input</p> <p style="font-size: 14px;">普通input</p>
<input placeholder="底部输入框"/> <input placeholder="底部输入框"/>
<br/>
<a href="https://web-ext-storage.dcloud.net.cn/uni-app-x/pkg/hello-uniappx.apk" download>hello uni-app x apk下载（自动化测试使用）</a>
</div> </div>
<!-- uni 的 SDK --> <!-- uni 的 SDK -->
<script type="text/javascript" src="uni.webview.1.5.5.js"></script> <script type="text/javascript" src="uni.webview.1.5.5.js"></script>
......
jest.config.js
浏览文件 @ b66282b5
// 自动化测试 const path = require('path')
// 备注：
//
// 1. testPathIgnorePatterns 忽略/pages/API的几条用例，是因为在ios设备上，运行会导致app崩溃。后期完成后，再去除。
// 2. testPathIgnorePatterns 忽略webview相关用例, 是因为采用app-webview方式后，不需要这两个用例。请勿修改和提交到Git。
//
module.exports = { module.exports = {
testTimeout: 30000, testTimeout: 30000,
...@@ -15,8 +9,7 @@ module.exports = { ...@@ -15,8 +9,7 @@ module.exports = {
testMatch: ["<rootDir>/pages/**/*test.[jt]s?(x)"], testMatch: ["<rootDir>/pages/**/*test.[jt]s?(x)"],
testPathIgnorePatterns: [ testPathIgnorePatterns: [
'/node_modules/', '/node_modules/',
'<rootDir>/pages/webview-screenshot-comparison/webview-screenshot-comparison.test.js',
'<rootDir>/pages/webview-screenshot/webview-screenshot.test.js'
], ],
setupFilesAfterEnv: ['<rootDir>/jest-setup.js'], setupFilesAfterEnv: ['<rootDir>/jest-setup.js'],
testSequencer: path.join(__dirname, "testSequencer.js")
} }
manifest.json
浏览文件 @ b66282b5
...@@ -47,7 +47,11 @@ ...@@ -47,7 +47,11 @@
}, },
"icons" : { "icons" : {
"ios" : { "ios" : {
"appstore" : "unpackage/icon1024.png" "appstore" : "package/icon1024.png"
},
"android" : {
"xxhdpi" : "package/icon144.png",
"xxxhdpi" : "package/icon192.png"
} }
} }
} }
......
package.json
浏览文件 @ b66282b5
...@@ -2,10 +2,10 @@ ...@@ -2,10 +2,10 @@
"id": "hello-uniapp-x-alpha", "id": "hello-uniapp-x-alpha",
"name": "hello-uniapp-x-alpha", "name": "hello-uniapp-x-alpha",
"displayName": "hello-uniapp-x-alpha", "displayName": "hello-uniapp-x-alpha",
"version": "1.0.24", "version": "1.0.27",
"description": "演示 uni-app x 框架的组件、接口、模板", "description": "演示 uni-app x 框架的组件、接口、模板",
"scripts": { "scripts": {
"check-commit": "node ./git-hooks/check-commit.cjs" "check-commit": "node ./git-hooks/check-commit.cjs"
}, },
"repository": "https://gitcode.net/dcloud/hello-uni-app-x", "repository": "https://gitcode.net/dcloud/hello-uni-app-x",
"keywords": [ "keywords": [
...@@ -88,4 +88,4 @@ ...@@ -88,4 +88,4 @@
} }
} }
} }
} }
\ No newline at end of file
pages.json
浏览文件 @ b66282b5
...@@ -56,6 +56,13 @@ ...@@ -56,6 +56,13 @@
"navigationBarTitleText": "list-view" "navigationBarTitleText": "list-view"
} }
}, },
{
"path": "pages/component/list-view/list-view-refresh",
"style": {
"navigationBarTitleText": "list-view-refresh",
"enablePullDownRefresh": false
}
},
{ {
"path": "pages/component/list-view/list-view-multiplex", "path": "pages/component/list-view/list-view-multiplex",
"style": { "style": {
...@@ -330,6 +337,107 @@ ...@@ -330,6 +337,107 @@
"navigationBarTitleText": "touch-event" "navigationBarTitleText": "touch-event"
} }
}, },
{
"path": "pages/component/nested-scroll-header/nested-scroll-header",
"style": {
"navigationBarTitleText": "nested-scroll-header"
}
},
{
"path": "pages/component/nested-scroll-body/nested-scroll-body",
"style": {
"navigationBarTitleText": "nested-scroll-body"
}
},
{
"path" : "pages/component/swiper/swiper-list-view",
"style" :
{
"navigationBarTitleText" : "swiper嵌套list-view",
"enablePullDownRefresh" : false
}
},
// #ifdef WEB
{
"path" : "pages/component/movable-view/movable-view",
"style" :
{
"navigationBarTitleText" : "movable-view"
}
},
{
"path" : "pages/component/label/label",
"style" :
{
"navigationBarTitleText" : "label"
}
},
{
"path" : "pages/component/picker/picker",
"style" :
{
"navigationBarTitleText" : "picker"
}
},
{
"path" : "pages/component/map/map",
"style" :
{
"navigationBarTitleText" : "map"
}
},
{
"path" : "pages/component/cover-view/cover-view",
"style" :
{
"navigationBarTitleText" : "cover-view"
}
},
{
"path" : "pages/component/editor/editor",
"style" :
{
"navigationBarTitleText" : "editor"
}
},
{
"path" : "pages/API/open-location/open-location",
"style" :
{
"navigationBarTitleText" : "open-location"
}
},
{
"path" : "pages/API/choose-location/choose-location",
"style" :
{
"navigationBarTitleText" : "choose-location"
}
},
// #endif
{
"path": "pages/component/list-view/issue-2199",
"style": {
"navigationBarTitleText": "issue-2199",
"enablePullDownRefresh": false
}
},
// #ifdef WEB
{
"path" : "pages/component/canvas/canvas",
"style" :
{
"navigationBarTitleText" : "canvas"
}
},
{
"path" : "pages/component/canvas/ball",
"style" :
{
"navigationBarTitleText" : "ball"
}
},
// #endif
{ {
"path": "pages/tabBar/API", "path": "pages/tabBar/API",
"style": { "style": {
...@@ -747,6 +855,20 @@ ...@@ -747,6 +855,20 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
{
"path": "pages/API/rewarded-video-ad/rewarded-video-ad",
"style": {
"navigationBarTitleText": "激励视频广告",
"enablePullDownRefresh": false
}
},
{
"path": "pages/API/request-payment/request-payment",
"style": {
"navigationBarTitleText": "支付",
"enablePullDownRefresh": false
}
},
// #endif // #endif
{ {
"path": "pages/API/rpx2px/rpx2px", "path": "pages/API/rpx2px/rpx2px",
...@@ -755,6 +877,82 @@ ...@@ -755,6 +877,82 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
// #ifdef APP || WEB
{
"path": "pages/API/request-payment-uni-pay/request-payment-uni-pay",
"style": {
"navigationBarTitleText": "uni-pay示例",
"enablePullDownRefresh": false
}
},
{
"path": "pages/API/request-payment-uni-pay/order-detail",
"style": {
"navigationBarTitleText": "订单详情示例",
"enablePullDownRefresh": false
}
},
// #endif
{
"path" : "pages/API/resize-observer/resize-observer",
"style" :
{
"navigationBarTitleText" : "resize observer"
}
},
// #ifdef WEB
{
"path" : "pages/API/make-phone-call/make-phone-call",
"style" :
{
"navigationBarTitleText" : "make-phone-call"
}
},
{
"path" : "pages/API/inner-audio/inner-audio",
"style" :
{
"navigationBarTitleText" : "inner-audio"
}
},
{
"path" : "pages/API/inner-audio/inner-audio-format",
"style" :
{
"navigationBarTitleText" : "inner-audio-format"
}
},
{
"path" : "pages/API/inner-audio/inner-audio-path",
"style" :
{
"navigationBarTitleText" : "inner-audio-path"
}
},
{
"path" : "pages/API/clipboard/clipboard",
"style" :
{
"navigationBarTitleText" : "clipboard"
}
},
{
"path" : "pages/API/on-compass-change/on-compass-change",
"style" :
{
"navigationBarTitleText" : "on-compass-change"
}
},
// #endif
// #ifdef APP
{
"path": "pages/API/theme-change/theme-change",
"style": {
"navigationBarTitleText": "主题切换",
"enablePullDownRefresh": false
}
},
// #endif
{ {
"path": "pages/tabBar/CSS", "path": "pages/tabBar/CSS",
"style": { "style": {
...@@ -1128,6 +1326,13 @@ ...@@ -1128,6 +1326,13 @@
"navigationBarTitleText": "css 变量" "navigationBarTitleText": "css 变量"
} }
}, },
{
"path" : "pages/CSS/overflow/overflow-visible-event",
"style" :
{
"navigationBarTitleText" : "overflow-visible-event"
}
},
{ {
"path": "pages/tabBar/template", "path": "pages/tabBar/template",
"style": { "style": {
...@@ -1167,7 +1372,8 @@ ...@@ -1167,7 +1372,8 @@
{ {
"path": "pages/template/swiper-vertical-video/swiper-vertical-video", "path": "pages/template/swiper-vertical-video/swiper-vertical-video",
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom",
"backgroundColorContent": "#000000"
} }
}, },
// #ifdef APP // #ifdef APP
...@@ -1239,86 +1445,9 @@ ...@@ -1239,86 +1445,9 @@
}, },
// #ifdef WEB // #ifdef WEB
{ {
"path": "pages/template/browser-canvas/browser-canvas", "path": "pages/template/browser-element/browser-element",
"style": { "style": {
"navigationBarTitleText": "如何使用浏览器 canvas" "navigationBarTitleText": "如何使用浏览器 element"
}
},
{
"path" : "pages/component/movable-view/movable-view",
"style" :
{
"navigationBarTitleText" : "movable-view"
}
},
{
"path" : "pages/component/label/label",
"style" :
{
"navigationBarTitleText" : "label"
}
},
{
"path" : "pages/component/picker/picker",
"style" :
{
"navigationBarTitleText" : "picker"
}
},
{
"path" : "pages/component/map/map",
"style" :
{
"navigationBarTitleText" : "map"
}
},
{
"path" : "pages/component/cover-view/cover-view",
"style" :
{
"navigationBarTitleText" : "cover-view"
}
},
{
"path" : "pages/component/editor/editor",
"style" :
{
"navigationBarTitleText" : "editor"
}
},
{
"path" : "pages/API/map/map",
"style" :
{
"navigationBarTitleText" : "map"
}
},
{
"path" : "pages/API/make-phone-call/make-phone-call",
"style" :
{
"navigationBarTitleText" : "make-phone-call"
}
},
{
"path" : "pages/API/inner-audio/inner-audio",
"style" :
{
"navigationBarTitleText" : "inner-audio"
}
},
{
"path" : "pages/API/inner-audio/inner-audio-format",
"style" :
{
"navigationBarTitleText" : "inner-audio-format"
}
},
{
"path" : "pages/API/inner-audio/inner-audio-path",
"style" :
{
"navigationBarTitleText" : "inner-audio-path"
} }
}, },
// #endif // #endif
...@@ -1329,13 +1458,6 @@ ...@@ -1329,13 +1458,6 @@
"navigationBarTitleText": "日历" "navigationBarTitleText": "日历"
} }
}, },
{
"path": "pages/API/theme-change/theme-change",
"style": {
"navigationBarTitleText": "主题切换",
"enablePullDownRefresh": false
}
},
// #endif // #endif
{ {
"path": "pages/template/schema/schema", "path": "pages/template/schema/schema",
...@@ -1351,13 +1473,6 @@ ...@@ -1351,13 +1473,6 @@
"enablePullDownRefresh": false "enablePullDownRefresh": false
} }
}, },
{
"path": "pages/API/rewarded-video-ad/rewarded-video-ad",
"style": {
"navigationBarTitleText": "激励视频广告",
"enablePullDownRefresh": false
}
},
{ {
"path": "pages/API/create-request-permission-listener/create-request-permission-listener", "path": "pages/API/create-request-permission-listener/create-request-permission-listener",
"style": { "style": {
...@@ -1366,56 +1481,7 @@ ...@@ -1366,56 +1481,7 @@
} }
}, },
// #endif // #endif
{
"path": "pages/component/list-view/list-view-refresh",
"style": {
"navigationBarTitleText": "list-view-refresh",
"enablePullDownRefresh": false
}
},
{
"path": "pages/component/nested-scroll-header/nested-scroll-header",
"style": {
"navigationBarTitleText": "nested-scroll-header"
}
},
{
"path": "pages/component/nested-scroll-body/nested-scroll-body",
"style": {
"navigationBarTitleText": "nested-scroll-body"
}
},
{
"path": "pages/component/list-view/issue-2199",
"style": {
"navigationBarTitleText": "issue-2199",
"enablePullDownRefresh": false
}
},
// #ifdef APP
{
"path": "pages/API/request-payment/request-payment",
"style": {
"navigationBarTitleText": "支付",
"enablePullDownRefresh": false
}
},
// #endif
// #ifdef APP || WEB // #ifdef APP || WEB
{
"path": "pages/API/request-payment-uni-pay/request-payment-uni-pay",
"style": {
"navigationBarTitleText": "uni-pay示例",
"enablePullDownRefresh": false
}
},
{
"path": "pages/API/request-payment-uni-pay/order-detail",
"style": {
"navigationBarTitleText": "订单详情示例",
"enablePullDownRefresh": false
}
},
{ {
"path": "uni_modules/uni-pay-x/pages/success/success", "path": "uni_modules/uni-pay-x/pages/success/success",
"style": { "style": {
...@@ -1447,14 +1513,6 @@ ...@@ -1447,14 +1513,6 @@
"enablePullDownRefresh" : false "enablePullDownRefresh" : false
} }
}, },
{
"path" : "pages/component/swiper/swiper-list-view",
"style" :
{
"navigationBarTitleText" : "swiper嵌套list-view",
"enablePullDownRefresh" : false
}
},
{ {
"path" : "pages/template/test-background-color-content/test-background-color-content", "path" : "pages/template/test-background-color-content/test-background-color-content",
"style" : "style" :
...@@ -1462,20 +1520,6 @@ ...@@ -1462,20 +1520,6 @@
"navigationBarTitleText" : "", "navigationBarTitleText" : "",
"backgroundColorContent": "#fffae8" "backgroundColorContent": "#fffae8"
} }
},
{
"path" : "pages/API/resize-observer/resize-observer",
"style" :
{
"navigationBarTitleText" : "resize observer"
}
},
{
"path" : "pages/CSS/overflow/overflow-visible-event",
"style" :
{
"navigationBarTitleText" : "overflow-visible-event"
}
} }
], ],
"globalStyle": { "globalStyle": {
......
pages/API/choose-location/choose-location.uvue 0 → 100644
浏览文件 @ b66282b5
<template>
<view>
<page-head :title="title"></page-head>
<view class="uni-padding-wrap">
<view style="background:#FFFFFF; padding:40rpx;">
<view class="uni-hello-text uni-center">当前位置信息</view>
<block v-if="hasLocation === false">
<view class="uni-h2 uni-center uni-common-mt">未选择位置</view>
</block>
<block v-if="hasLocation === true">
<view class="uni-hello-text uni-center" style="margin-top:10px;">
{{locationAddress}}
</view>
<view class="uni-h2 uni-center uni-common-mt">
<text>E: {{location.longitude[0]}}°{{location.longitude[1]}}′</text>
<text>\nN: {{location.latitude[0]}}°{{location.latitude[1]}}′</text>
</view>
</block>
</view>
<view class="uni-btn-v">
<button type="primary" @tap="chooseLocation">选择位置</button>
<button @tap="clear">清空</button>
</view>
</view>
</view>
</template>
<script lang="uts">
function formatLocation(longitude, latitude) {
if (typeof longitude === 'string' && typeof latitude === 'string') {
longitude = parseFloat(longitude)
latitude = parseFloat(latitude)
}
longitude = longitude.toFixed(2)
latitude = latitude.toFixed(2)
return {
longitude: longitude.toString().split('.'),
latitude: latitude.toString().split('.')
}
}
export default {
data() {
return {
title: 'chooseLocation',
hasLocation: false,
location: {},
locationAddress: ''
}
},
methods: {
chooseLocation: function () {
uni.chooseLocation({
success: (res) => {
console.log(res,123)
this.hasLocation = true,
this.location = formatLocation(res.longitude, res.latitude),
this.locationAddress = res.address
}
})
},
clear: function () {
this.hasLocation = false
}
}
}
</script>
<style>
.page-body-info {
padding-bottom: 0;
height: 440rpx;
}
</style>
pages/API/clipboard/clipboard.test.js 0 → 100644
浏览文件 @ b66282b5
let page;
describe('web-clipboard', () => {
console.log("uniTestPlatformInfo", process.env.uniTestPlatformInfo)
if (!process.env.uniTestPlatformInfo.startsWith('web')) {
it('app', () => {
expect(1).toBe(1)
})
return
}
beforeAll(async () => {
page = await program.reLaunch('/pages/API/clipboard/clipboard')
await page.waitFor('view');
await page.setData({data:'123456'})
});
it('setClipboardData', async () => {
await page.callMethod('setClipboard')
await page.waitFor(500);
console.log(await page.data('setClipboardTest'),'setClipboardTest')
// bug：自动化测试时设置成功也进入了fail
// expect(await page.data('setClipboardTest')).toBeTruthy()
});
it('getClipboardData', async () => {
await page.callMethod('getClipboard')
expect(await page.data('getDataTest')).toBe('123456')
});
});
pages/API/clipboard/clipboard.uvue 0 → 100644
浏览文件 @ b66282b5
<template>
<view>
<page-head :title="title"></page-head>
<view class="uni-padding-wrap">
<view class="uni-title">请输入剪贴板内容</view>
<view class="uni-list">
<view class="uni-list-cell">
<input class="uni-input" type="text" placeholder="请输入剪贴板内容" :value="data" @input="dataChange"/>
</view>
</view>
<view class="uni-btn-v">
<button type="primary" @click="setClipboard">存储数据</button>
<button @tap="getClipboard">读取数据</button>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'get/setClipboardData',
data: '',
// 自动化测试
getDataTest:'',
setClipboardTest: false
}
},
methods: {
dataChange: function (e) {
this.data = e.detail.value
},
getClipboard: function () {
uni.getClipboardData({
success: (res) => {
console.log(res.data);
this.getDataTest = res.data;
const content = res.data ? '剪贴板内容为:' + res.data : '剪贴板暂无内容';
uni.showModal({
content,
title: '读取剪贴板',
showCancel: false
})
},
fail: () => {
uni.showModal({
content: '读取剪贴板失败!',
showCancel: false
})
}
});
},
setClipboard: function () {
if (this.data.length === 0) {
uni.showModal({
title: '设置剪贴板失败',
content: '内容不能为空',
showCancel: false
})
} else {
uni.setClipboardData({
data: this.data,
success: () => {
this.setClipboardTest = true
// 成功处理
uni.showToast({
title: '设置剪贴板成功',
icon: "success",
mask: !1
})
},
fail: () => {
// bug：自动化测试时设置成功也进入了fail
this.setClipboardTest = false
// 失败处理
uni.showToast({
title: '储存数据失败!',
icon: "none",
mask: !1
})
}
});
}
}
}
}
</script>
<style>
</style>
pages/API/compress-image/compress-image.test.js 0 → 100644
浏览文件 @ b66282b5
// uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
describe('API-compressImage', () => {
if (process.env.uniTestPlatformInfo.startsWith('web') || process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
it('pass', async () => {
expect(1).toBe(1);
});
return;
}
let page;
beforeAll(async () => {
page = await program.reLaunch('/pages/API/compress-image/compress-image');
await page.waitFor(500);
});
it('test compressImage', async () => {
await page.callMethod('testCompressImage');
await page.waitFor(1000);
expect(await page.data('imageInfoForTest')).toEqual({
width: 100,
height: 100,
isSizeReduce: true
});
});
});
pages/API/compress-image/compress-image.uvue
浏览文件 @ b66282b5
...@@ -52,7 +52,10 @@ ...@@ -52,7 +52,10 @@
compressedHeight: null as number | null, compressedHeight: null as number | null,
width: "auto", width: "auto",
height: "auto", height: "auto",
rotate: 0 rotate: 0,
// 自动化测试
imageInfoForTest: null,
imageSrcForTest: '/static/test-image/logo.png'
} }
}, },
methods: { methods: {
...@@ -103,7 +106,7 @@ ...@@ -103,7 +106,7 @@
complete: (_) => { complete: (_) => {
uni.hideLoading(); uni.hideLoading();
} }
}) });
}, },
chooseImage() { chooseImage() {
uni.chooseImage({ uni.chooseImage({
...@@ -142,6 +145,34 @@ ...@@ -142,6 +145,34 @@
}, },
onRotateConfirm(value : number) { onRotateConfirm(value : number) {
this.rotate = value; this.rotate = value;
},
testCompressImage() {
uni.compressImage({
src: this.imageSrcForTest,
quality: 50,
compressedWidth: 100,
compressedHeight: 100,
success: (res) => {
uni.getImageInfo({
src: res.tempFilePath,
success: (_res) => {
let beforeCompressSize: number, afterComoressSize: number;
// #ifdef APP-ANDROID
beforeCompressSize = new FileInputStream(UTSAndroid.convert2AbsFullPath(this.imageSrcForTest)).available();
afterComoressSize = new FileInputStream(res.tempFilePath.substring("file://".length)).available();
// #endif
this.imageInfoForTest = {
"width": _res.width,
"height": _res.height,
"isSizeReduce": afterComoressSize < beforeCompressSize
};
}
});
},
fail: (_) => {
this.imageInfoForTest = null;
}
});
} }
} }
} }
......
pages/API/compress-video/compress-video.test.js 0 → 100644
浏览文件 @ b66282b5
// uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
describe('API-compressVideo', () => {
if (process.env.uniTestPlatformInfo.startsWith('web') || process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
it('pass', async () => {
expect(1).toBe(1);
});
return;
}
let page;
beforeAll(async () => {
page = await program.reLaunch('/pages/API/compress-video/compress-video');
await page.waitFor(500);
});
it('test compressVideo', async () => {
await page.callMethod('testCompressVideo');
await page.waitFor(5000);
if (process.env.uniTestPlatformInfo.startsWith('android')) {
const infos = process.env.uniTestPlatformInfo.split(' ');
const version = parseInt(infos[infos.length - 1]);
if (version == 5 || version == 7 || version == 10) return; // android5.1、android7、android10存在兼容问题，待修复
expect(await page.data('videoInfoForTest')).toEqual({
width: 640,
height: 360,
// isSizeReduce: true
isSizeReduce: false // android平台对测试视频进行压缩后存在视频变大的问题，待修复
});
return;
}
expect(await page.data('videoInfoForTest')).toEqual({
width: 640,
height: 360,
isSizeReduce: true
});
});
});
pages/API/compress-video/compress-video.uvue
浏览文件 @ b66282b5
...@@ -46,7 +46,10 @@ ...@@ -46,7 +46,10 @@
fps: null as number | null, fps: null as number | null,
resolution: null as number | null, resolution: null as number | null,
qualityItemTypes: [{ "value": 0, "name": "low(低)" }, { "value": 1, "name": "medium(中)" }, { "value": 2, "name": "high(高)" }] as ItemType[], qualityItemTypes: [{ "value": 0, "name": "low(低)" }, { "value": 1, "name": "medium(中)" }, { "value": 2, "name": "high(高)" }] as ItemType[],
qualityItems: ["low", "medium", "high"] qualityItems: ["low", "medium", "high"],
// 自动化测试
videoInfoForTest: null,
videoSrcForTest: '/static/test-video/10second-demo.mp4'
} }
}, },
methods: { methods: {
...@@ -111,6 +114,35 @@ ...@@ -111,6 +114,35 @@
}, },
onResolutionChange(event : UniSliderChangeEvent) { onResolutionChange(event : UniSliderChangeEvent) {
this.resolution = event.detail.value; this.resolution = event.detail.value;
},
testCompressVideo() {
let beforeCompressSize: number, afterComoressSize: number;
uni.compressVideo({
src: this.videoSrcForTest,
quality: 'medium',
success: (res) => {
uni.getVideoInfo({
src: this.videoSrcForTest,
success: (_res) => {
beforeCompressSize = _res.size.toInt();
uni.getVideoInfo({
src: res.tempFilePath,
success: (__res) => {
afterComoressSize = __res.size.toInt();
this.videoInfoForTest = {
"width": __res.width,
"height": __res.height,
"isSizeReduce": afterComoressSize < beforeCompressSize
};
}
});
}
});
},
fail: (_) => {
this.videoInfoForTest = null;
}
});
} }
} }
} }
......
pages/API/get-current-pages/get-current-pages.test.js
浏览文件 @ b66282b5
const HOME_PAGE_PATH = '/pages/tabBar/component' const HOME_PAGE_PATH = '/pages/tabBar/component'
const PAGE_PATH = '/pages/API/get-current-pages/get-current-pages' const PAGE_PATH = '/pages/API/get-current-pages/get-current-pages'
describe('getCurrentPages', () => { describe('getCurrentPages', () => {
let page let page
it('getCurrentPages', async () => { it('getCurrentPages', async () => {
// web 端等待应用首页加载完成 // web 端等待应用首页加载完成
if (process.env.uniTestPlatformInfo.startsWith('web')) { if (process.env.uniTestPlatformInfo.startsWith('web')) {
const waitTime = process.env.uniTestPlatformInfo.includes('safari') ? const waitTime = process.env.uniTestPlatformInfo.includes('safari') ?
5000 : 5000 :
3000 3000
await new Promise((resolve) => { await new Promise((resolve) => {
setTimeout(() => { setTimeout(() => {
resolve() resolve()
}, waitTime) }, waitTime)
}) })
} }
page = await program.switchTab(HOME_PAGE_PATH) page = await program.switchTab(HOME_PAGE_PATH)
await page.waitFor(1000) await page.waitFor(1000)
page = await program.navigateTo(PAGE_PATH) page = await program.navigateTo(PAGE_PATH)
await page.waitFor(1000) await page.waitFor(1000)
await page.callMethod('_getCurrentPages') await page.callMethod('_getCurrentPages')
await page.waitFor(200) await page.waitFor(200)
const data = await page.data() const data = await page.data()
expect(data.checked).toBe(true) expect(data.checked).toBe(true)
}) })
it('page-style', async () => { it('page-style', async () => {
page = await program.navigateTo(PAGE_PATH) page = await program.navigateTo(PAGE_PATH)
...@@ -47,7 +47,9 @@ describe('getCurrentPages', () => { ...@@ -47,7 +47,9 @@ describe('getCurrentPages', () => {
await page.callMethod('startPullDownRefresh') await page.callMethod('startPullDownRefresh')
await page.waitFor(500) await page.waitFor(500)
const image2 = await program.screenshot({fullPage: true}); const image2 = await program.screenshot({fullPage: true});
expect(image2).toSaveImageSnapshot(); expect(image2).toSaveImageSnapshot({customSnapshotIdentifier() {
return 'get-current-pages-test-js-get-current-pages-page-style-before-set-page-style'
}});
await page.waitFor(3500) await page.waitFor(3500)
await page.callMethod('setPageStyle', { await page.callMethod('setPageStyle', {
...@@ -57,6 +59,8 @@ describe('getCurrentPages', () => { ...@@ -57,6 +59,8 @@ describe('getCurrentPages', () => {
await page.callMethod('startPullDownRefresh') await page.callMethod('startPullDownRefresh')
await page.waitFor(500) await page.waitFor(500)
const image3 = await program.screenshot({fullPage: true}); const image3 = await program.screenshot({fullPage: true});
expect(image3).toSaveImageSnapshot(); expect(image3).toSaveImageSnapshot({customSnapshotIdentifier() {
}) return 'get-current-pages-test-js-get-current-pages-page-style-after-set-page-style'
}});
})
}) })
pages/API/get-current-pages/set-page-style-disable-pull-down-refresh.test.js
浏览文件 @ b66282b5
...@@ -27,7 +27,9 @@ describe('getCurrentPages', () => { ...@@ -27,7 +27,9 @@ describe('getCurrentPages', () => {
const image3 = await program.screenshot({ const image3 = await program.screenshot({
fullPage: true fullPage: true
}); });
expect(image3).toSaveImageSnapshot(); expect(image3).toSaveImageSnapshot({customSnapshotIdentifier() {
return 'set-page-style-disable-pull-down-refresh-test-js-get-current-pages-page-style-before-set-page-style'
}});
await page.waitFor(3500) await page.waitFor(3500)
...@@ -39,7 +41,9 @@ describe('getCurrentPages', () => { ...@@ -39,7 +41,9 @@ describe('getCurrentPages', () => {
const image2 = await program.screenshot({ const image2 = await program.screenshot({
fullPage: true fullPage: true
}); });
expect(image2).toSaveImageSnapshot(); expect(image2).toSaveImageSnapshot({customSnapshotIdentifier() {
return 'set-page-style-disable-pull-down-refresh-test-js-get-current-pages-page-style-after-set-page-style'
}});
}) })
}) })
pages/API/get-device-info/get-device-info.uvue
浏览文件 @ b66282b5
...@@ -14,7 +14,9 @@ ...@@ -14,7 +14,9 @@
}}</view> }}</view>
</view> </view>
<view class="uni-list-cell-db"> <view class="uni-list-cell-db">
<text style="width: 100%;">{{ item.value == '' ? '未获取' : item.value }}</text> <text style="width: 100%">{{
item.value == "" ? "未获取" : item.value
}}</text>
</view> </view>
</view> </view>
</view> </view>
...@@ -50,25 +52,25 @@ ...@@ -50,25 +52,25 @@
getDeviceInfo: function () { getDeviceInfo: function () {
const res = uni.getDeviceInfo(); const res = uni.getDeviceInfo();
// 获取像素比, 供截图对比使用 // 获取像素比, 供截图对比使用
setDevicePixelRatio(res.devicePixelRatio !== null ? parseFloat(res.devicePixelRatio!) : 1) setDevicePixelRatio(res.devicePixelRatio !== null ? res.devicePixelRatio! : 1)
this.items = [] as Item[]; this.items = [] as Item[];
const res_str = JSON.stringify(res); const res_str = JSON.stringify(res);
const res_obj = JSON.parseObject(res_str); const res_obj = JSON.parseObject(res_str);
const res_map = res_obj!.toMap(); const res_map = res_obj!.toMap();
let keys = [] as string[] let keys = [] as string[]
res_map.forEach((_, key) => { res_map.forEach((_, key) => {
keys.push(key); keys.push(key);
}); });
keys.sort().forEach( key => { keys.sort().forEach(key => {
const value = res[key]; const value = res[key];
if(value != null){ if (value != null) {
const item = { const item = {
label: key, label: key,
value: "" + ((typeof value == "object")? JSON.stringify(value) : value) value: "" + ((typeof value == "object") ? JSON.stringify(value) : value)
} as Item; } as Item;
this.items.push(item); this.items.push(item);
} }
}); });
} }
} }
......
pages/API/get-image-info/get-image-info.test.js 0 → 100644
浏览文件 @ b66282b5
// uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
describe('API-getImageInfo', () => {
if (process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
it('pass', async () => {
expect(1).toBe(1);
});
return;
}
let page;
beforeAll(async () => {
page = await program.reLaunch('/pages/API/get-image-info/get-image-info');
await page.waitFor(500);
});
it('test getImageInfo', async () => {
await page.waitFor(500);
if (process.env.uniTestPlatformInfo.startsWith('web')) {
expect(await page.data('imageInfoForTest')).toEqual({
width: 192,
height: 192,
path: '/static/test-image/logo.png'
});
return;
}
expect(await page.data('imageInfoForTest')).toEqual({
width: 192,
height: 192,
path: '/static/test-image/logo.png',
orientation: 'up',
type: 'png'
});
});
});
pages/API/get-image-info/get-image-info.uvue
浏览文件 @ b66282b5
...@@ -39,6 +39,8 @@ ...@@ -39,6 +39,8 @@
absoluteImageInfo: "", absoluteImageInfo: "",
remoteImagePath: "https://qiniu-web-assets.dcloud.net.cn/uni-app-x/static/img/building.jpg", remoteImagePath: "https://qiniu-web-assets.dcloud.net.cn/uni-app-x/static/img/building.jpg",
remoteImageInfo: "", remoteImageInfo: "",
// 自动化测试
imageInfoForTest: null as UTSJSONObject | null,
} }
}, },
methods: { methods: {
...@@ -71,6 +73,13 @@ ...@@ -71,6 +73,13 @@
success: (res) => { success: (res) => {
console.log("getImageInfo success", JSON.stringify(res)); console.log("getImageInfo success", JSON.stringify(res));
this.absoluteImageInfo = `图片宽度: ${res.width}\n图片高度: ${res.height}\n图片路径: ${res.path}\n图片方向: ${res.orientation}\n图片格式: ${res.type}`; this.absoluteImageInfo = `图片宽度: ${res.width}\n图片高度: ${res.height}\n图片路径: ${res.path}\n图片方向: ${res.orientation}\n图片格式: ${res.type}`;
this.imageInfoForTest = {
"width": res.width,
"height": res.height,
"path": res.path.slice(res.path.indexOf('/static')),
"orientation": res.orientation,
"type": res.type
};
}, },
fail: (err) => { fail: (err) => {
uni.showModal({ uni.showModal({
...@@ -78,6 +87,7 @@ ...@@ -78,6 +87,7 @@
content: JSON.stringify(err), content: JSON.stringify(err),
showCancel: false showCancel: false
}); });
this.imageInfoForTest = null;
} }
}); });
uni.getImageInfo({ uni.getImageInfo({
......
pages/API/get-univerify-manager/get-univerify-manager.uvue
浏览文件 @ b66282b5
...@@ -29,10 +29,8 @@ ...@@ -29,10 +29,8 @@
}, },
fail: (err : PreLoginFail) => { fail: (err : PreLoginFail) => {
console.error("pre login fail => " + JSON.stringify(err)); console.error("pre login fail => " + JSON.stringify(err));
uni.showModal({ uni.showToast({
title: '预登录失败', title: '预登录失败'
content: JSON.parseObject(err.cause?.cause?.message ?? "")?.getString("errorDesc") ?? err.errMsg,
showCancel: false
}); });
} }
} as PreLoginOptions); } as PreLoginOptions);
...@@ -53,10 +51,8 @@ ...@@ -53,10 +51,8 @@
}, },
fail: (err : PreLoginFail) => { fail: (err : PreLoginFail) => {
console.error("pre login fail => " + JSON.stringify(err)); console.error("pre login fail => " + JSON.stringify(err));
uni.showModal({ uni.showToast({
title: '预登录失败', title: '预登录失败'
content: JSON.parseObject(err.cause?.cause?.message ?? "")?.getString("errorDesc") ?? err.errMsg,
showCancel: false
}); });
} }
} as PreLoginOptions); } as PreLoginOptions);
...@@ -105,10 +101,8 @@ ...@@ -105,10 +101,8 @@
}, },
fail: (err : LoginFail) => { fail: (err : LoginFail) => {
console.error("login fail => " + err); console.error("login fail => " + err);
uni.showModal({ uni.showToast({
title: '登录失败', title: '登录失败'
content: JSON.parseObject(err.cause?.cause?.message ?? "")?.getString("errorDesc") ?? err.errMsg,
showCancel: false
}); });
} }
} as LoginOptions); } as LoginOptions);
......
pages/API/get-video-info/get-video-info.test.js 0 → 100644
浏览文件 @ b66282b5
// uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
describe('API-getVideoInfo', () => {
if (process.env.uniTestPlatformInfo.startsWith('web') || process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
// web平台在自动化测试场景下API调用失败
it('pass', async () => {
expect(1).toBe(1);
});
return;
}
let page;
beforeAll(async () => {
page = await program.reLaunch('/pages/API/get-video-info/get-video-info');
await page.waitFor(500);
});
it('test getVideoInfo', async () => {
await page.callMethod('testGetVideoInfo');
await page.waitFor(1000);
if (process.env.uniTestPlatformInfo.startsWith('web')) {
expect(await page.data('videoInfoForTest')).toEqual({
duration: 10,
size: 211,
width: 1280,
height: 720
});
return;
}
const infos = process.env.uniTestPlatformInfo.split(' ');
const version = parseInt(infos[infos.length - 1]);
if (process.env.uniTestPlatformInfo.startsWith('android') && version > 5) {
expect(await page.data('videoInfoForTest')).toEqual({
orientation: 'up',
type: 'video/mp4',
duration: 10,
size: 211,
width: 1280,
height: 720,
fps: 30,
bitrate: 172
});
}
});
});
pages/API/get-video-info/get-video-info.uvue
浏览文件 @ b66282b5
...@@ -25,6 +25,8 @@ ...@@ -25,6 +25,8 @@
title: "getVideoInfo", title: "getVideoInfo",
absoluteVideoPath: "", absoluteVideoPath: "",
absoluteVideoInfo: "", absoluteVideoInfo: "",
// 自动化测试
videoInfoForTest: null as UTSJSONObject | null
} }
}, },
methods: { methods: {
...@@ -49,6 +51,26 @@ ...@@ -49,6 +51,26 @@
}); });
} }
}); });
},
testGetVideoInfo() {
uni.getVideoInfo({
src: '/static/test-video/10second-demo.mp4',
success: (res) => {
this.videoInfoForTest = {
"orientation": res.orientation,
"type": res.type,
"duration": res.duration.toInt(),
"size": res.size,
"width": res.width,
"height": res.height,
"fps": res.fps,
"bitrate": res.bitrate
};
},
fail: (_) => {
this.videoInfoForTest = null;
}
});
} }
} }
} }
......
pages/API/inner-audio/inner-audio-format.uvue
浏览文件 @ b66282b5
...@@ -8,6 +8,14 @@ ...@@ -8,6 +8,14 @@
<text class="uni-subtitle-text">{{item.format}}</text> <text class="uni-subtitle-text">{{item.format}}</text>
<image class="icon-play" :src="(isPlaying && playIndex==index)?'/static/pause.png':'/static/play.png'" @click="play(item.src,index)"></image> <image class="icon-play" :src="(isPlaying && playIndex==index)?'/static/pause.png':'/static/play.png'" @click="play(item.src,index)"></image>
</view> </view>
<view class="uni-title">
<text class="uni-title-text">不支持的音频格式</text>
</view>
<view class="formats" v-for="(item,index) in notSupportFormats" :key="index">
<text class="uni-subtitle-text">{{item.format}}</text>
<image class="icon-play" :src="(isPlaying && playIndex==index)?'/static/pause.png':'/static/play.png'" @click="play(item.src,index)"></image>
</view>
</view> </view>
</template> </template>
...@@ -53,18 +61,24 @@ ...@@ -53,18 +61,24 @@
format: 'wav', format: 'wav',
src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.wav' src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.wav'
}, },
// { ] as Array<AudioFormat>,
// format: 'wma', notSupportFormats:[
// src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.wma' {
// }, format: 'wma',
// { src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.wma'
// format: 'aiff', },
// src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.aiff' {
// }, format: 'aiff',
// { src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.aiff'
// format: 'caf', },
// src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.caf' {
// }, format: 'caf',
src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.caf'
},
{
format: '错误格式',
src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.wmaa'
},
] as Array<AudioFormat> ] as Array<AudioFormat>
} }
}, },
......
pages/API/inner-audio/inner-audio-path.uvue
浏览文件 @ b66282b5
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<page-head :title="title"></page-head> <page-head :title="title"></page-head>
<view class="uni-padding-wrap uni-common-mt"> <view class="uni-padding-wrap uni-common-mt">
<view class="uni-title"> <view class="uni-title">
<text class="uni-title-text">支持的音频路径示例</text> <text class="uni-title-text">音频路径示例</text>
</view> </view>
<view class="formats" v-for="(item,index) in supportPaths" :key="index"> <view class="formats" v-for="(item,index) in supportPaths" :key="index">
<text class="uni-subtitle-text">{{item.description}}</text> <text class="uni-subtitle-text">{{item.description}}</text>
...@@ -36,6 +36,14 @@ ...@@ -36,6 +36,14 @@
description: '网络路径', description: '网络路径',
src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.mp3' src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/ForElise.mp3'
}, },
{
description: '不存在的音频',
src: 'https://web-ext-storage.dcloud.net.cn/uni-app-x/audio/invalid_url.mp3'
},
{
description: '错误路径',
src: '../static/test-audio/ForElise.mp3'
},
] as Array<AudioPath> ] as Array<AudioPath>
} }
}, },
......
pages/API/inner-audio/inner-audio.test.js 0 → 100644
浏览文件 @ b66282b5
describe('inner-audio', () => {
if (!process.env.uniTestPlatformInfo.startsWith('web')) {
it('app', () => {
expect(1).toBe(1)
})
return
}
beforeAll(async () => {
page = await program.reLaunch('/pages/API/inner-audio/inner-audio')
await page.waitFor('view');
});
function getData(key = '') {
return new Promise(async (resolve, reject) => {
const data = await page.data()
resolve(key ? data[key] : data)
})
}
it('onCanplay',async()=>{
await page.waitFor(1000)
await page.waitFor(async()=>{
return await getData('isCanplay')
})
expect(await getData('buffered')).toBeGreaterThan(0)
})
it('play-onPlay-onTimeUpdate', async () => {
await page.callMethod('play')
await page.waitFor(3000);
expect(await getData('isPlaying')).toBeTruthy()
console.log("duration：",await getData('duration'),"currentTime：",await getData('currentTime'))
expect(await getData('duration')).toBeCloseTo(175.109, 0);
// console.log("isPaused",await getData('isPaused'))
// expect(await getData('currentTime')).toBeGreaterThan(0);
// expect(await getData('isPaused')).toBeFalsy();
});
it('seek-onSeeking-onSeeked', async () => {
await page.callMethod('onchange',20)
await page.waitFor(500);
expect(await getData('onSeekingTest')).toBeTruthy();
// expect(await getData('onWaitingTest')).toBeTruthy();
expect(await getData('onSeekedTest')).toBeTruthy();
});
it('pause-onPause', async () => {
await page.callMethod('pause')
await page.waitFor(500);
expect(await getData('isPlaying')).toBeFalsy()
// expect(await getData('isPaused')).toBeTruthy();
});
it('stop-onStop', async () => {
await page.callMethod('play')
await page.waitFor(2000);
// 第一次点停止时，不触发onStop事件
await page.callMethod('stop')
await page.callMethod('stop')
await page.waitFor(1000);
expect(await getData('isPlaying')).toBeFalsy()
// expect(await getData('isPaused')).toBeTruthy();
});
it('onEnded', async () => {
await page.callMethod('onchange',173)
await page.waitFor(500);
await page.callMethod('play')
await page.waitFor(3000);
// expect(await getData('isPlayEnd')).toBeTruthy();
});
});
pages/API/inner-audio/inner-audio.uvue
浏览文件 @ b66282b5
<template> <template>
<view class="uni-padding-wrap"> <view class="uni-padding-wrap">
<page-head title="audio"></page-head> <page-head title="audio"></page-head>
<view class="uni-common-mt"> <view class="uni-common-mt">
<slider :value="position" :min="0" :max="duration" @changing="onchanging" @change="onchange"></slider> <slider :value="position" :min="0" :max="duration" @changing="onchanging" @change="onchange"></slider>
</view> </view>
<!-- <view class="uni-common-mt play-time-area"> <view class="uni-title">
<text class="current-time">{{currentTime}}</text> <text class="uni-title-text">属性示例</text>
<text class="duration">{{duration}}</text> </View>
</view> <text class="uni-text-box uni-common-mt">当前音频播放位置（保留小数点后 6 位）：{{currentTime}} s</text>
<view class="play-button-area"> <text class="uni-text-box">音频的长度（单位:s）：{{duration}} s</text>
<image class="icon-play" :src="playImage" @click="play"></image> <text class="uni-text-box">当前是否停止状态：{{isPaused}}</text>
</view> --> <text class="uni-text-box">音频缓冲的时间点：{{buffered}}</text>
<button type="primary" @click="play" class="uni-btn">播放</button> <text class="uni-text-box">当前音量：{{volume}}</text>
<button type="primary" @click="pause" class="uni-btn">暂停</button> <!-- 设置音量无效 -->
<button type="primary" @click="stop" class="uni-btn">停止</button> <!-- <button plain :disabled="volume == 1" @click="increaseVolume">增加音量</button>
<button type="primary" @click="onchange('seek')" class="uni-btn">跳转到指定位置</button> <button plain :disabled="volume == 0" @click="decreaseVolume">减少音量</button> -->
<button type="primary" @click="setAutoplay" class="uni-btn">是否自动开始播放</button>
<button type="primary" @click="setLoop" class="uni-btn">是否循环播放</button> <text class="uni-subtitle-text uni-title">开始播放的位置（单位：s）</text>
<input :value="startTime" type="number" placeholder="开始播放的位置（单位：s）" class="uni-input"
@input="startTimeInput"></input>
<boolean-data :defaultValue="false" title="是否自动开始播放" @change="setAutoplay"></boolean-data>
<boolean-data :defaultValue="false" title="是否循环播放" @change="setLoop"></boolean-data>
<view class="uni-title">
<text class="uni-title-text">方法示例</text>
</View>
<button :disabled="isPlaying" type="primary" @click="play" class="uni-btn">播放</button>
<button :disabled="!isPlaying" type="primary" @click="pause" class="uni-btn">暂停</button>
<button :disabled="!isPlaying && !isPaused" type="primary" @click="stop" class="uni-btn">停止</button>
<button type="primary" @click="onchange(20)" class="uni-btn">跳转到指定位置20</button>
<view class="uni-title"> <view class="uni-title">
<text class="uni-title-text">格式/路径示例</text> <text class="uni-title-text">格式/路径示例</text>
</View> </View>
<navigator url="/pages/API/inner-audio/inner-audio-format" class="uni-btn"> <navigator url="/pages/API/inner-audio/inner-audio-format" class="uni-btn">
<button type="primary" @click="pause">音频格式示例</button> <button type="primary" @click="pause">音频格式示例</button>
</navigator> </navigator>
<navigator url="/pages/API/inner-audio/inner-audio-path" class="uni-btn"> <navigator url="/pages/API/inner-audio/inner-audio-path" class="uni-btn uni-common-mb">
<button type="primary" @click="pause">音频路径示例</button> <button type="primary" @click="pause">音频路径示例</button>
</navigator> </navigator>
</view> </view>
</template> </template>
<script lang="uts"> <script lang="uts">
const audioUrl = 'https://web-ext-storage.dcloud.net.cn/uni-app/ForElise.mp3' const audioUrl = 'https://web-ext-storage.dcloud.net.cn/uni-app/ForElise.mp3'
export default { export default {
data() { data() {
return { return {
title: "innerAudioContext", title: "innerAudioContext",
isPlaying: false, currentTime: 0,
isPlayEnd: false, duration: 100,
currentTime: 0, startTime: 0,
duration: 100, buffered: 0,
pos:10, volume: 0.5,
paused:false, isCanplay: false,
_isChanging:false, isPlaying: false,
_audioContext: null as InnerAudioContext | null isPaused: true,
} isPlayEnd: false,
}, _isChanging: false,
computed: { _audioContext: null as InnerAudioContext | null,
position() { // 自动化测试
return this.isPlayEnd ? 0 : this.currentTime; onSeekingTest:false,
}, onSeekedTest:false,
playImage() { onWaitingTest:false
return this.isPlaying ? "/static/pause.png" : "/static/play.png" }
} },
}, computed: {
position() {
return this.isPlayEnd ? 0 : this.currentTime;
},
},
onReady() { onReady() {
this._audioContext = uni.createInnerAudioContext(); this._audioContext = uni.createInnerAudioContext();
this._audioContext!.src = audioUrl; this._audioContext!.src = audioUrl;
this.volume = this._audioContext!.volume;
this.onCanplay() this.onCanplay()
}, },
onUnload() { onUnload() {
if (this._audioContext != null && this.isPlaying) { if (this._audioContext != null && this.isPlaying) {
this.stop(); this.stop();
this._audioContext!.destroy() this._audioContext!.destroy()
} }
}, },
methods: { methods: {
setAutoplay(){ onCanplay() {
this._audioContext!.onCanplay(() => {
console.log('音频进入可以播放状态事件');
this.isCanplay = true;
// 当音频可以播放时，获取缓冲信息
this.buffered = this._audioContext!.buffered;
this.duration = this._audioContext!.duration || 0;
});
},
onchanging() {
this._isChanging = true;
},
onchange(e) {
console.log(e, 'e');
let pos = typeof e === "number" ? e : e.detail.value;
this._audioContext!.seek(pos);
this.onSeeking()
this.onSeeked()
this._isChanging = false;
},
startTimeInput(e : InputEvent) {
let startTimeValue = Number(e.detail.value)
this._audioContext!.startTime = startTimeValue;
this.onchange(startTimeValue)
},
setAutoplay() {
this._audioContext!.autoplay = !this._audioContext!.autoplay; this._audioContext!.autoplay = !this._audioContext!.autoplay;
console.log(this._audioContext!.autoplay,'autoplay'); console.log(this._audioContext!.autoplay, 'autoplay');
}, },
setLoop(){ setLoop() {
this._audioContext!.loop = !this._audioContext!.loop; this._audioContext!.loop = !this._audioContext!.loop;
console.log(this._audioContext!.loop,'loop'); console.log(this._audioContext!.loop, 'loop');
}, },
onchanging() { play() {
this._isChanging = true; if (!this.isCanplay) {
uni.showToast({
title: '音频未进入可以播放状态，请稍后再试'
});
return;
}
this.isPlaying = true;
this._audioContext!.play();
this.isPlayEnd = false;
if (this._audioContext!.startTime > 0) {
this.onchange(this._audioContext!.startTime)
}
this._audioContext!.onPlay(() => {
this.isPaused = false;
console.log('开始播放',this.isPaused);
});
this.onTimeUpdate()
this.onWaiting()
this.onError()
this.onEnded()
}, },
onSeeking(){ onSeeking() {
this._audioContext!.onSeeking(() => { this._audioContext!.onSeeking(() => {
console.log('音频进行 seek 操作事件'); console.log('音频进行 seek 操作事件');
this.onSeekingTest = true
}); });
}, },
onSeeked(){ onSeeked() {
this._audioContext!.onSeeked(() => { this._audioContext!.onSeeked(() => {
console.log('音频完成 seek 操作事件'); console.log('音频完成 seek 操作事件');
this.onSeekedTest = true
}); });
}, },
onchange(e) { onWaiting() {
let pos = e == 'seek' ? 20 : e.detail.value this._audioContext!.onWaiting(() => {
this._audioContext!.seek(pos); console.log('音频加载中事件');
this.onSeeking() this.onWaitingTest = true
this.onSeeked()
this._isChanging = false;
},
onCanplay(){
this._audioContext!.onCanplay(() => {
console.log('音频进入可以播放状态事件');
}); });
}, },
onTimeUpdate(){ onTimeUpdate() {
this._audioContext!.onTimeUpdate((e) => { this._audioContext!.onTimeUpdate(() => {
// console.log('onTimeUpdate:音频播放进度更新事件',e); // console.log('onTimeUpdate:音频播放进度更新事件,currentTime',this._audioContext!.currentTime);
if (this._isChanging === true) { if (this._isChanging === true) { return; }
return; this.currentTime = this._audioContext!.currentTime || 0;
} if (this.currentTime > this.buffered) {
this.currentTime = this._audioContext!.currentTime || 0; console.log('缓冲不足');
this.duration = this._audioContext!.duration || 0; }
}); });
}, },
onPlay(){ increaseVolume() {
this._audioContext!.onPlay(() => { this.volume = Math.min(this.volume + 0.1, 1);
console.log('开始播放'); this.volume = parseFloat(this.volume.toFixed(1));
}); console.log('增加音量', this.volume);
},
decreaseVolume() {
this.volume = Math.max(this.volume - 0.1, 0);
this.volume = parseFloat(this.volume.toFixed(1));
console.log('减少音量', this.volume);
}, },
onEnded(){ onEnded() {
this._audioContext!.onEnded(() => { this._audioContext!.onEnded(() => {
console.log('播放结束'); console.log('播放结束');
this.currentTime = 0; this.currentTime = 0;
this.isPlaying = false; this.startTime = 0
this.isPlayEnd = true; this.isPlaying = false;
this.isPaused = true;
this.isPlayEnd = true;
}); });
}, },
onError(){ onError() {
this._audioContext!.onError((err) => { this._audioContext!.onError((err) => {
console.log('err',err); console.log('err', err);
this.isPlaying = false; this.isPlaying = false;
}); this.isPaused = true;
},
onWaiting(){
this._audioContext!.onWaiting(() => {
console.log('音频加载中事件');
}); });
}, },
play() { pause() {
// if (this.isPlaying) { this._audioContext!.pause();
// this.pause();
// return;
// }
this.isPlaying = true;
this._audioContext!.play();
this.isPlayEnd = false;
this.onPlay()
this.onWaiting()
this.onTimeUpdate()
this.onError()
this.onEnded()
},
onPause(){
this._audioContext!.onPause(() => { this._audioContext!.onPause(() => {
console.log('音频暂停事件'); console.log('音频暂停事件');
this.isPaused = true;
}); });
this.isPlaying = false;
}, },
pause() { stop() {
this._audioContext!.pause(); console.log('stop');
this.onPause() this._audioContext!.stop();
this.isPlaying = false;
},
onStop(){
this._audioContext!.onStop(() => { this._audioContext!.onStop(() => {
// 第一次点停止时，不触发
this.isPaused = true;
console.log('音频停止事件'); console.log('音频停止事件');
}); });
}, this.isPlaying = false;
stop() { console.log('stop',this.isPaused);
this._audioContext!.stop(); }
this.onStop() }
this.isPlaying = false; }
}
}
}
</script> </script>
<style> <style>
.play-time-area { .play-time-area {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-top: 20px; margin-top: 20px;
} }
.duration { .duration {
margin-left: auto; margin-left: auto;
} }
.play-button-area { .play-button-area {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
margin: 50px 0; margin: 50px 0;
} }
.icon-play { .icon-play {
width: 60px; width: 60px;
height: 60px; height: 60px;
} }
</style> </style>
pages/API/map/map.uvue 已删除 100644 → 0
浏览文件 @ 85ac42b6
<template>
<view class="content">
<map class="map" id="map1" ref="map1" :controls="controls" :scale="scale" :longitude="location.longitude"
:latitude="location.latitude" :show-location="showLocation" :enable-3D="enable3D" :rotate="rotate" :skew="skew"
:show-compass="showCompass" :enable-overlooking="enableOverlooking" :enable-zoom="enableZoom"
:enable-scroll="enableScroll" :enable-rotate="enableRotate" :enable-satellite="enableSatellite"
:enable-traffic="enableTraffic" :markers="markers" :polyline="polyline" :circles="circles" :polygons="polygons"
:include-points="includePoints" @tap="maptap" @controltap="oncontroltap" @markertap="onmarkertap"
@callouttap="oncallouttap" @poitap="onpoitap" @updated="onupdated" @regionchange="onregionchange"></map>
<scroll-view class="scrollview" scroll-y="true">
<button class="button" @click="changeScale">changeScale</button>
<button class="button" @click="addMarkers">addMarkers</button>
<button class="button" @click="addPolyline">addPolyline</button>
<button class="button" @click="addPolygons">addPolygons</button>
<button class="button" @click="addCircles">addCircles</button>
<button class="button" @click="includePoint">includePoints</button>
<button class="button" @click="handleGetCenterLocation">getCenterLocation</button>
<button class="button" @click="handleGetRegion">getRegion</button>
<button class="button" @click="handleTranslateMarker">translateMarker</button>
</scroll-view>
</view>
</template>
<script lang="uts">
type Anchor = {
x : number,
y : number
}
type Callout = {
content : string,
color : string,
fontSize : number,
borderRadius : number,
borderWidth : number,
borderColor : string,
bgColor : string,
padding : string,
display : string
}
type Markers = {
id : string | number,
latitude : number,
longitude : number,
title : string
zIndex : string,
iconPath : string,
rotate ?: number,
width : number,
height : number,
anchor : Anchor,
callout : Callout
}
type Points = {
latitude : number,
longitude : number
}
type Polyline = {
points : Points[],
color : string,
width : number,
dottedLine : boolean,
arrowLine : boolean,
borderColor : string,
borderWidth : number
}
type Polygons = {
points : Points[];
fillColor : string;
strokeWidth : number;
strokeColor : string;
zIndex : number;
}
type Circles = {
latitude : number;
longitude : number;
radius : number;
strokeWidth : number;
color : string;
fillColor : string;
}
const testMarkers = [{
id: 0,
latitude: 39.989631,
longitude: 116.481018,
title: '方恒国际 阜通东大街6号',
zIndex: '1',
iconPath: '../../../static/location.png',
rotate: 0,
width: 20,
height: 20,
anchor: {
x: 0.5,
y: 1
},
callout: {
content: '方恒国际 阜通东大街6号',
color: '#00BFFF',
fontSize: 10,
borderRadius: 4,
borderWidth: 1,
borderColor: '#333300',
bgColor: '#CCFF99',
padding: '5',
display: 'ALWAYS'
}
},
{
id: 1,
latitude: 39.9086920000,
longitude: 116.3974770000,
title: '天安门',
zIndex: '1',
iconPath: '../../../static/location.png',
width: 40,
height: 40,
anchor: {
x: 0.5,
y: 1
},
callout: {
content: '首都北京\n天安门',
color: '#00BFFF',
fontSize: 12,
borderRadius: 2,
borderWidth: 0,
borderColor: '#333300',
bgColor: '#CCFF11',
padding: '1',
display: 'ALWAYS'
}
}
];
const testPolyline = [{
points: [{
latitude: 39.925539,
longitude: 116.279037
},
{
latitude: 39.925539,
longitude: 116.520285
}],
color: '#FFCCFF',
width: 7,
dottedLine: true,
arrowLine: true,
borderColor: '#000000',
borderWidth: 2
},
{
points: [{
latitude: 39.938698,
longitude: 116.275177
},
{
latitude: 39.966069,
longitude: 116.289253
},
{
latitude: 39.944226,
longitude: 116.306076
},
{
latitude: 39.966069,
longitude: 116.322899
},
{
latitude: 39.938698,
longitude: 116.336975
}],
color: '#CCFFFF',
width: 5,
dottedLine: true,
arrowLine: true,
borderColor: '#CC0000',
borderWidth: 3
}
];
const testPolygons = [{
points: [{
latitude: 39.781892,
longitude: 116.293413
},
{
latitude: 39.787600,
longitude: 116.391842
},
{
latitude: 39.733187,
longitude: 116.417932
},
{
latitude: 39.704653,
longitude: 116.338255
}],
fillColor: '#FFCCFF',
strokeWidth: 3,
strokeColor: '#CC99CC',
zIndex: 11
},
{
points: [{
latitude: 39.887600,
longitude: 116.518932
},
{
latitude: 39.781892,
longitude: 116.518932
},
{
latitude: 39.781892,
longitude: 116.428932
},
{
latitude: 39.887600,
longitude: 116.428932
}
],
fillColor: '#CCFFFF',
strokeWidth: 5,
strokeColor: '#CC0000',
zIndex: 3
}
];
const testCircles = [{
latitude: 39.996441,
longitude: 116.411146,
radius: 15000,
strokeWidth: 5,
color: '#CCFFFF',
fillColor: '#CC0000'
},
{
latitude: 40.096441,
longitude: 116.511146,
radius: 12000,
strokeWidth: 3,
color: '#CCFFFF',
fillColor: '#FFCCFF'
},
{
latitude: 39.896441,
longitude: 116.311146,
radius: 9000,
strokeWidth: 1,
color: '#CCFFFF',
fillColor: '#CC0000'
}
];
const testIncludePoints = [{
latitude: 39.989631,
longitude: 116.481018,
},
{
latitude: 39.9086920000,
longitude: 116.3974770000,
}
];
export default {
data() {
return {
location: {
longitude: 116.3974770000,
latitude: 39.9086920000
},
controls: [{
id: 1,
position: {
left: 5,
top: 180,
width: 30,
height: 30
},
iconPath: '../../../static/uni.png',
clickable: true
}],
showLocation: false,
scale: 13,
showCompass: true,
enable3D: true,
enableOverlooking: true,
enableZoom: true,
enableScroll: true,
enableRotate: true,
enableSatellite: false,
enableTraffic: false,
polyline: [] as Polyline[],
markers: [] as Markers[],
polygons: [] as Polygons[],
circles: [] as Circles[],
includePoints: [] as Points[],
rotate: 0,
skew: 0,
map: null as MapContext | null,
// 自动化测试
autoTest: false,
getCenterLocationTest:{},
getRegionTest:{},
}
},
onReady() {
this.map = uni.createMapContext("map1", this);
},
methods: {
changeScale() {
this.scale = this.scale == 9 ? 15 : 9;
},
enableThreeD(e) {
this.enable3D = e.detail.value;
},
changeShowCompass(e) {
this.showCompass = e.detail.value;
},
changeEnableOverlooking(e) {
this.enableOverlooking = e.detail.value;
},
changeEnableZoom(e) {
this.enableZoom = e.detail.value;
},
changeEnableScroll(e) {
this.enableScroll = e.detail.value;
},
changeEnableRotate(e) {
this.enableRotate = e.detail.value;
},
changeEnableSatellite(e) {
this.enableSatellite = e.detail.value;
},
changeEnableTraffic(e) {
this.enableTraffic = e.detail.value;
},
addMarkers() {
this.markers = testMarkers;
},
addPolyline() {
this.polyline = testPolyline;
},
addPolygons() {
this.polygons = testPolygons;
},
addCircles() {
this.circles = testCircles;
},
includePoint() {
this.includePoints = testIncludePoints;
},
handleGetCenterLocation() {
this.map!.getCenterLocation({
success: ret => {
console.log(JSON.stringify(ret));
this.getCenterLocationTest = ret
if(!this.autoTest){
uni.showModal({
content: JSON.stringify(ret)
})
}
}
})
},
handleGetRegion() {
this.map!.getRegion({
success: ret => {
console.log(JSON.stringify(ret));
this.getRegionTest = ret
if(!this.autoTest){
uni.showModal({
content: JSON.stringify(ret)
})
}
}
})
},
handleTranslateMarker() {
this.map!.translateMarker({
markerId: 1,
destination: {
latitude: 39.989631,
longitude: 116.481018
},
duration: 2000,
success: ret => {
console.log(JSON.stringify(ret));
}
});
},
maptap(e) {
uni.showModal({
content: JSON.stringify(e)
})
},
onmarkertap(e) {
uni.showModal({
content: JSON.stringify(e)
})
},
oncontroltap(e) {
uni.showModal({
content: JSON.stringify(e)
})
},
oncallouttap(e) {
uni.showModal({
content: JSON.stringify(e)
})
},
onupdated(e) {
console.log(JSON.stringify(e))
},
onregionchange(e) {
console.log(JSON.stringify(e));
},
onpoitap(e) {
uni.showModal({
content: JSON.stringify(e)
})
}
}
}
</script>
<style>
.content {
flex: 1;
}
.map {
width: 100%;
height: 250px;
background-color: #f0f0f0;
}
.scrollview {
flex: 1;
padding: 10px;
}
.list-item {
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
padding: 5px 0px;
}
.list-text {
flex: 1;
}
.button {
margin-top: 5px;
margin-bottom: 5px;
}
</style>
pages/API/navigator/navigator.uvue
浏览文件 @ b66282b5
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
<view class="uni-btn-v"> <view class="uni-btn-v">
<button @tap="navigateTo" class="uni-btn"> <button @tap="navigateTo" class="uni-btn">
跳转新页面，并传递数据 跳转新页面，并传递数据
</button> </button>
<button @tap="navigateBack" class="uni-btn">返回上一页</button> <button @tap="navigateBack" class="uni-btn">返回上一页</button>
<button @tap="redirectTo" class="uni-btn">在当前页面打开</button> <button @tap="redirectTo" class="uni-btn">在当前页面打开</button>
<button @tap="switchTab" class="uni-btn">切换到模板选项卡</button> <button @tap="switchTab" class="uni-btn">切换到模板选项卡</button>
...@@ -41,7 +41,8 @@ ...@@ -41,7 +41,8 @@
</button> </button>
<button @tap="navigateToErrorPage" class="uni-btn"> <button @tap="navigateToErrorPage" class="uni-btn">
打开不存在的页面 打开不存在的页面
</button> </button>
<button v-for="(item, _) in animationTypeList" @tap="navigateToAnimationType(item)" class="uni-btn">navigateTo动画({{item}})</button>
</view> </view>
</view> </view>
</view> </view>
...@@ -59,7 +60,20 @@ ...@@ -59,7 +60,20 @@
onLoadTime: 0, onLoadTime: 0,
onShowTime: 0, onShowTime: 0,
onReadyTime: 0, onReadyTime: 0,
onHideTime: 0, onHideTime: 0,
animationTypeList: [
// #ifdef APP-ANDROID
'slide-in-right',
'slide-in-left',
'slide-in-top',
'slide-in-bottom',
'pop-in',
'fade-in',
'zoom-out',
'zoom-fade-out',
'none'
// #endif
]
} }
}, },
onLoad() { onLoad() {
...@@ -109,7 +123,28 @@ ...@@ -109,7 +123,28 @@
}, },
navigateTo() { navigateTo() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/API/navigator/new-page/new-page-1?data=Hello', url: '/pages/API/navigator/new-page/new-page-1?data=Hello',
success(result) {
console.log('navigateTo success', result.errMsg)
// 自动化测试
setLifeCycleNum(state.lifeCycleNum + 1)
},
fail(error) {
console.log('navigateTo fail', error.errMsg)
// 自动化测试
setLifeCycleNum(state.lifeCycleNum - 1)
},
complete(result) {
console.log('navigateTo complete', result.errMsg)
// 自动化测试
setLifeCycleNum(state.lifeCycleNum + 1)
},
})
},
navigateToAnimationType(animationType: string) {
uni.navigateTo({
url: '/pages/API/navigator/new-page/new-page-1?data=Hello',
animationType: animationType,
success(result) { success(result) {
console.log('navigateTo success', result.errMsg) console.log('navigateTo success', result.errMsg)
// 自动化测试 // 自动化测试
......
pages/API/on-compass-change/on-compass-change.uvue 0 → 100644
浏览文件 @ b66282b5
<template>
<view>
<page-head :title="title"></page-head>
<view class="uni-padding-wrap">
<view class="uni-hello-text uni-center" style="padding-bottom:50rpx;">
旋转手机即可获取方位信息
</view>
<view class="direction">
<view class="bg-compass-line"></view>
<image class="bg-compass" src="../../../static/compass.png" :style="'transform: rotate('+direction+'deg)'"></image>
<view class="direction-value">
<text>{{direction}}</text>
<text class="direction-degree">o</text>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'onCompassChange',
direction: 0
}
},
onReady: function () {
uni.onCompassChange((res) => {
console.log('onCompassChange', res)
this.direction = res.direction
})
},
onUnload() {
uni.stopCompass();
this.direction = 0;
}
}
</script>
<style>
.direction {
position: relative;
margin-top: 70rpx;
display: flex;
width: 540rpx;
height: 540rpx;
align-items: center;
justify-content: center;
margin:0 auto;
}
.direction-value {
position: relative;
font-size: 200rpx;
color: #353535;
line-height: 1;
z-index: 1;
}
.direction-degree {
position: absolute;
top: 0;
right: -40rpx;
font-size: 60rpx;
}
.bg-compass {
position: absolute;
top: 0;
left: 0;
width: 540rpx;
height: 540rpx;
transition: .1s;
}
.bg-compass-line {
position: absolute;
left: 267rpx;
top: -10rpx;
width: 6rpx;
height: 56rpx;
background-color: #1AAD19;
border-radius: 999rpx;
z-index: 1;
}
</style>
pages/API/open-location/open-location.uvue 0 → 100644
浏览文件 @ b66282b5
<template>
<view>
<page-head :title="title"></page-head>
<view class="uni-common-mt">
<form @submit="openLocation">
<view class="uni-list">
<view class="uni-list-cell">
<view class="uni-list-cell-left">
<view class="uni-label">经度</view>
</view>
<view class="uni-list-cell-db">
<input class="uni-input" type="text" :disabled="true" value="116.39747" name="longitude"/>
</view>
</view>
<view class="uni-list-cell">
<view class="uni-list-cell-left">
<view class="uni-label">纬度</view>
</view>
<view class="uni-list-cell-db">
<input class="uni-input" type="text" :disabled="true" value="39.9085" name="latitude"/>
</view>
</view>
<view class="uni-list-cell">
<view class="uni-list-cell-left">
<view class="uni-label">位置名称</view>
</view>
<view class="uni-list-cell-db">
<input class="uni-input" type="text" :disabled="true" value="天安门" name="name"/>
</view>
</view>
<view class="uni-list-cell">
<view class="uni-list-cell-left">
<view class="uni-label">详细位置</view>
</view>
<view class="uni-list-cell-db">
<input class="uni-input" type="text" :disabled="true" value="北京市东城区东长安街" name="address"/>
</view>
</view>
</view>
<view class="uni-padding-wrap">
<view class="uni-btn-v uni-common-mt">
<button type="primary" formType="submit">查看位置</button>
</view>
</view>
</form>
</view>
</view>
</template>
<script lang="uts">
export default {
data() {
return {
title: 'openLocation'
}
},
methods: {
openLocation: function (e) {
console.log(e)
var value = e.detail.value
uni.openLocation({
longitude: Number(value.longitude),
latitude: Number(value.latitude),
name: value.name,
address: value.address
})
}
}
}
</script>
<style>
.uni-list-cell-left {
padding: 0 30rpx;
}
</style>
pages/API/pull-down-refresh/pull-down-refresh.test.js 0 → 100644
浏览文件 @ b66282b5
const PAGE_PATH = "/pages/API/pull-down-refresh/pull-down-refresh"
const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase()
const isIos = platformInfo.startsWith('ios')
const isWeb = platformInfo.startsWith('web')
describe("payment", () => {
if (isWeb || process.env.UNI_AUTOMATOR_APP_WEBVIEW === 'true') {
it('web || app-webview', () => {
expect(1).toBe(1)
})
return
}
it("trigger pulldown refresh by swipe", async () => {
const page = await program.navigateTo(PAGE_PATH)
await page.waitFor('view')
await page.waitFor(4000)
await page.setData({
pulldownRefreshTriggered: false
})
if (isIos) {
// 暂时通过点击关闭授权弹框，避免影响 swipe 测试
await program.tap({x: 100, y: 500})
}
await program.swipe({
startPoint: {
x: 100,
y: 400
},
endPoint: {
x: 100,
y: 800
},
duration: 1000
})
await page.waitFor(1500)
expect(await page.data('pulldownRefreshTriggered')).toBe(true)
});
});
pages/API/pull-down-refresh/pull-down-refresh.uvue
浏览文件 @ b66282b5
<template> <template>
<scroll-view style="flex: 1;"> <!-- #ifdef APP -->
<!-- 实际开发中，长列表应该使用list-view --> <scroll-view style="flex: 1;">
<view class="uni-padding-wrap uni-common-mt"> <!-- #endif -->
<text class="text" v-for="(num,index) in data" :key="index">list - {{num}}</text> <!-- 实际开发中，长列表应该使用list-view -->
<view v-if="showLoadMore">{{loadMoreText}}</view> <view class="uni-padding-wrap uni-common-mt">
</view> <text class="text" v-for="(num,index) in data" :key="index">list - {{num}}</text>
</scroll-view> <view v-if="showLoadMore">{{loadMoreText}}</view>
</template> </view>
<script lang="uts"> <!-- #ifdef APP -->
export default { </scroll-view>
data() { <!-- #endif -->
return { </template>
data: [] as Array<number>, <script lang="uts">
loadMoreText: "加载中...", export default {
showLoadMore: false, data() {
max: 0 return {
} data: [] as Array<number>,
}, loadMoreText: "加载中...",
onReady() { showLoadMore: false,
uni.startPullDownRefresh(); max: 0,
this.initData(); pulldownRefreshTriggered: false
}, }
onReachBottom() { },
console.log("onReachBottom"); onReady() {
if (this.max > 40) { uni.startPullDownRefresh();
this.loadMoreText = "没有更多数据了!" this.initData();
return; },
} onReachBottom() {
this.showLoadMore = true; console.log("onReachBottom");
setTimeout(() => { if (this.max > 40) {
this.setListData(); this.loadMoreText = "没有更多数据了!"
}, 300); return;
}, }
onPullDownRefresh() { this.showLoadMore = true;
console.log('onPullDownRefresh'); setTimeout(() => {
this.initData(); this.setListData();
}, }, 300);
methods: { },
initData(){ onPullDownRefresh() {
setTimeout(() => { console.log('onPullDownRefresh');
this.max = 0; this.pulldownRefreshTriggered = true
this.data = []; this.initData();
let data:Array<number> = []; },
this.max += 20; methods: {
for (let i:number = this.max - 19; i < this.max + 1; i++) { initData() {
data.push(i) setTimeout(() => {
} this.max = 0;
this.data = this.data.concat(data); this.data = [];
uni.stopPullDownRefresh(); let data : Array<number> = [];
}, 1000); this.max += 20;
}, for (let i : number = this.max - 19; i < this.max + 1; i++) {
setListData() { data.push(i)
let data:Array<number> = []; }
this.max += 10; this.data = this.data.concat(data);
for (let i:number = this.max - 9; i < this.max + 1; i++) { uni.stopPullDownRefresh();
data.push(i) }, 1000);
} },
this.data = this.data.concat(data); setListData() {
} let data : Array<number> = [];
} this.max += 10;
} for (let i : number = this.max - 9; i < this.max + 1; i++) {
</script> data.push(i)
}
<style> this.data = this.data.concat(data);
.text { }
margin: 6px 0; }
width:100%; }
background-color: #fff; </script>
height: 52px;
line-height: 52px; <style>
text-align: center; .text {
color: #555; margin: 6px 0;
border-radius: 4px; width: 100%;
} background-color: #fff;
height: 52px;
line-height: 52px;
text-align: center;
color: #555;
border-radius: 4px;
}
</style> </style>
pages/API/request/request.test.js
浏览文件 @ b66282b5
...@@ -117,7 +117,28 @@ describe('ExtApi-Request', () => { ...@@ -117,7 +117,28 @@ describe('ExtApi-Request', () => {
await page.waitFor(2000); await page.waitFor(2000);
res = await page.data('jest_result'); res = await page.data('jest_result');
expect(res).toBe(true) expect(res).toBe(true)
}); });
it('Check Set Cookie Expires', async () => {
await page.callMethod('jest_set_cookie_expires')
await page.waitFor(2000);
res = await page.data('jest_result_data');
console.log("request expires cookie data :", res);
res = await page.data('jest_result');
expect(res).toBe(true)
await page.setData({
jest_result: false,
jest_result_data: "",
data: null,
header: null
})
await page.waitFor(5000);
await page.callMethod('jest_cookie_request', false)
await page.waitFor(2000);
res = await page.data('jest_result_data');
console.log("verify request data :", res);
res = await page.data('jest_result');
expect(res).toBe(true)
});
it('Check Get With Data', async () => { it('Check Get With Data', async () => {
res = await page.callMethod('jest_get_with_data') res = await page.callMethod('jest_get_with_data')
await page.waitFor(2000); await page.waitFor(2000);
......
pages/API/request/request.uvue
浏览文件 @ b66282b5
...@@ -141,7 +141,8 @@ ...@@ -141,7 +141,8 @@
"/api/http/contentType/xWwwFormUrlencoded", "/api/http/contentType/xWwwFormUrlencoded",
], ],
//自动化测试例专用 //自动化测试例专用
jest_result: false jest_result: false,
jest_result_data: ""
} }
}, },
onLoad() { onLoad() {
...@@ -257,6 +258,22 @@ ...@@ -257,6 +258,22 @@
this.jest_result = false; this.jest_result = false;
}, },
}); });
},
jest_set_cookie_expires(){
uni.request({
url: this.host + "/api/http/header/setCookie?expires=5",
method: "GET",
timeout: 6000,
sslVerify: false,
withCredentials: false,
firstIpv4: false,
success: () => {
this.jest_cookie_request(true)
},
fail: () => {
this.jest_result = false;
},
});
}, },
jest_delete_cookie() { jest_delete_cookie() {
uni.request({ uni.request({
...@@ -284,7 +301,8 @@ ...@@ -284,7 +301,8 @@
firstIpv4: false, firstIpv4: false,
success: (res) => { success: (res) => {
const requestCookie = (res.data as UTSJSONObject).getJSON("data")?.getAny("requestCookie") const requestCookie = (res.data as UTSJSONObject).getJSON("data")?.getAny("requestCookie")
console.log("requestCookie ", requestCookie); console.log("requestCookie ", requestCookie);
this.jest_result_data = JSON.stringify(requestCookie)
if (requestCookie instanceof Array) { if (requestCookie instanceof Array) {
this.jest_result = needCookie ? requestCookie.length > 0 : requestCookie.length == 0 this.jest_result = needCookie ? requestCookie.length > 0 : requestCookie.length == 0
} else { } else {
......
pages/API/save-image-to-photos-album/save-image-to-photos-album.test.js 0 → 100644
浏览文件 @ b66282b5
// uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
describe('API-saveImageToPhotosAlbum', () => {
if (process.env.uniTestPlatformInfo.startsWith('web') || process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
it('pass', async () => {
expect(1).toBe(1);
});
return;
}
let page;
beforeAll(async () => {
page = await program.reLaunch('/pages/API/save-image-to-photos-album/save-image-to-photos-album');
await page.waitFor(500);
});
it('test saveImageToPhotosAlbum', async () => {
if (process.env.uniTestPlatformInfo.startsWith('android')) {
await program.adbCommand(
'pm grant io.dcloud.uniappx android.permission.WRITE_EXTERNAL_STORAGE');
await page.waitFor(500);
}
await page.callMethod('saveImage');
expect(await page.data('success')).toBe(true);
});
});
pages/API/save-image-to-photos-album/save-image-to-photos-album.uvue
浏览文件 @ b66282b5
...@@ -16,7 +16,9 @@ ...@@ -16,7 +16,9 @@
export default { export default {
data() { data() {
return { return {
title: "saveImageToPhotosAlbum" title: "saveImageToPhotosAlbum",
// 自动化测试
success: false
} }
}, },
methods: { methods: {
...@@ -29,7 +31,8 @@ ...@@ -29,7 +31,8 @@
position: "center", position: "center",
icon: "none", icon: "none",
title: "图片保存成功，请到手机相册查看" title: "图片保存成功，请到手机相册查看"
}) });
this.success = true;
}, },
fail: (err) => { fail: (err) => {
uni.showModal({ uni.showModal({
...@@ -37,6 +40,7 @@ ...@@ -37,6 +40,7 @@
content: JSON.stringify(err), content: JSON.stringify(err),
showCancel: false showCancel: false
}); });
this.success = false;
} }
}) })
} }
......
pages/API/save-video-to-photos-album/save-video-to-photos-album.test.js 0 → 100644
浏览文件 @ b66282b5
// uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
describe('API-saveVideoToPhotosAlbum', () => {
if (process.env.uniTestPlatformInfo.startsWith('web') || process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
it('pass', async () => {
expect(1).toBe(1);
});
return;
}
let page;
beforeAll(async () => {
page = await program.reLaunch('/pages/API/save-video-to-photos-album/save-video-to-photos-album');
await page.waitFor(500);
});
it('test saveVideoToPhotosAlbum', async () => {
if (process.env.uniTestPlatformInfo.startsWith('android')) {
await program.adbCommand(
'pm grant io.dcloud.uniappx android.permission.WRITE_EXTERNAL_STORAGE');
await page.waitFor(500);
}
await page.callMethod('saveVideo');
expect(await page.data('success')).toBe(true);
});
});
pages/API/save-video-to-photos-album/save-video-to-photos-album.uvue
浏览文件 @ b66282b5
...@@ -17,7 +17,9 @@ ...@@ -17,7 +17,9 @@
data() { data() {
return { return {
title: 'saveVideoToPhotosAlbum', title: 'saveVideoToPhotosAlbum',
src: '' src: '/static/test-video/10second-demo.mp4',
// 自动化测试
success: false
} }
}, },
methods: { methods: {
...@@ -31,6 +33,7 @@ ...@@ -31,6 +33,7 @@
icon: "none", icon: "none",
title: "视频保存成功，请到手机相册查看" title: "视频保存成功，请到手机相册查看"
}); });
this.success = true;
}, },
fail: (err) => { fail: (err) => {
uni.showModal({ uni.showModal({
...@@ -38,22 +41,10 @@ ...@@ -38,22 +41,10 @@
content: JSON.stringify(err), content: JSON.stringify(err),
showCancel: false showCancel: false
}); });
this.success = false;
} }
}); });
} }
},
onReady() {
uni.showLoading({
title: '视频下载中'
});
uni.downloadFile({
url: 'https://qiniu-web-assets.dcloud.net.cn/uni-app-x/static/video/swiper-vertical-video/uts.mp4',
success: (res) => {
console.log("download video success", res.tempFilePath);
this.src = res.tempFilePath;
uni.hideLoading();
}
});
} }
} }
</script> </script>
......
pages/API/theme-change/theme-change.test.js
浏览文件 @ b66282b5
...@@ -27,11 +27,13 @@ describe('API-theme-change', () => { ...@@ -27,11 +27,13 @@ describe('API-theme-change', () => {
it("check-set-app-theme", async () => { it("check-set-app-theme", async () => {
const originalTheme = await page.data('originalTheme')
console.log("originalTheme是", originalTheme)
await page.callMethod('setAppTheme', "dark") await page.callMethod('setAppTheme', "dark")
await page.waitFor(300) await page.waitFor(300)
expect(await page.data('appTheme')).toBe("dark") expect(await page.data('appTheme')).toBe("dark")
//还原主题为light //还原主题为light
await page.callMethod('setAppTheme', "light") await page.callMethod('setAppTheme', originalTheme)
await page.waitFor(600) await page.waitFor(600)
}) })
}); });
pages/API/theme-change/theme-change.uvue
浏览文件 @ b66282b5
...@@ -35,6 +35,7 @@ ...@@ -35,6 +35,7 @@
appThemeChangeId: 0, appThemeChangeId: 0,
osTheme: "light" as string, osTheme: "light" as string,
appTheme: "light" as string, appTheme: "light" as string,
originalTheme: "light" as string,
current: 0, current: 0,
items: [ items: [
"light", "light",
...@@ -80,6 +81,7 @@ ...@@ -80,6 +81,7 @@
uni.getSystemInfo({ uni.getSystemInfo({
success: (res:GetSystemInfoResult) => { success: (res:GetSystemInfoResult) => {
this.osTheme = res.osTheme! this.osTheme = res.osTheme!
this.originalTheme = res.appTheme!
this.appTheme = res.appTheme == "auto" ? res.osTheme! : res.appTheme! this.appTheme = res.appTheme == "auto" ? res.osTheme! : res.appTheme!
this.current = this.items.indexOf(res.appTheme!) this.current = this.items.indexOf(res.appTheme!)
} }
......
pages/API/unicloud-database/unicloud-database.test.js
浏览文件 @ b66282b5
const PAGE_PATH = '/pages/API/unicloud-database/unicloud-database' const PAGE_PATH = '/pages/API/unicloud-database/unicloud-database'
const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase()
describe('unicloud-database', () => { const isSafari = platformInfo.indexOf('safari') > -1
let page
beforeAll(async () => { describe('unicloud-database', () => {
page = await program.reLaunch(PAGE_PATH) if (isSafari) {
await page.waitFor(500) it('web safari 暂时规避', () => {
await page.setData({ expect(1).toBe(1)
isUniTest: true })
}) return
}) }
it('databaseBasic', async () => { let page
await page.callMethod('dbRemove') beforeAll(async () => {
await page.callMethod('dbAdd') page = await program.reLaunch(PAGE_PATH)
await page.callMethod('dbBatchAdd') await page.waitFor(500)
await page.callMethod('dbGet') await page.setData({
await page.callMethod('dbGetWithCommand') isUniTest: true
await page.callMethod('dbUpdate') })
await page.callMethod('dbRemove') })
await page.callMethod('dbMultiSend') it('databaseBasic', async () => {
await page.callMethod('dbRemove')
const { await page.callMethod('dbAdd')
addId, await page.callMethod('dbBatchAdd')
batchAddIds, await page.callMethod('dbGet')
batchAddinserted, await page.callMethod('dbGetWithCommand')
updateUpdated, await page.callMethod('dbUpdate')
getData, await page.callMethod('dbRemove')
getWithCommandData, await page.callMethod('dbMultiSend')
removeDeleted,
multiSendSuccessCount, const {
} = await page.data() addId,
batchAddIds,
expect(addId !== '').toBe(true) batchAddinserted,
expect(batchAddIds.length).toBe(2) updateUpdated,
expect(batchAddinserted).toBe(2) getData,
expect(getData.length).toBe(2) getWithCommandData,
expect(getWithCommandData.length).toBe(1) removeDeleted,
expect(updateUpdated).toBe(3) multiSendSuccessCount,
expect(removeDeleted).toBe(3) } = await page.data()
expect(multiSendSuccessCount).toBe(2)
expect(addId !== '').toBe(true)
}) expect(batchAddIds.length).toBe(2)
expect(batchAddinserted).toBe(2)
it('databaseLookup', async () => { expect(getData.length).toBe(2)
await page.callMethod('dbLookupInit') expect(getWithCommandData.length).toBe(1)
await page.callMethod('dbLookup') expect(updateUpdated).toBe(3)
expect(removeDeleted).toBe(3)
const { expect(multiSendSuccessCount).toBe(2)
lookupData
} = await page.data() })
expect(lookupData.length).toBe(2)
expect(lookupData[0]['foreign_id'].length).toBe(1) it('databaseLookup', async () => {
expect(lookupData[1]['foreign_id'].length).toBe(1) await page.callMethod('dbLookupInit')
}) await page.callMethod('dbLookup')
});
const {
lookupData
} = await page.data()
expect(lookupData.length).toBe(2)
expect(lookupData[0]['foreign_id'].length).toBe(1)
expect(lookupData[1]['foreign_id'].length).toBe(1)
})
});
pages/API/upload-file/upload-file.test.js
浏览文件 @ b66282b5
...@@ -34,6 +34,13 @@ describe('ExtApi-UploadFile', () => { ...@@ -34,6 +34,13 @@ describe('ExtApi-UploadFile', () => {
await page.waitFor(2000); await page.waitFor(2000);
res = await page.data('jest_result'); res = await page.data('jest_result');
expect(res).toBe(true) expect(res).toBe(true)
});
it('Check uni.env', async () => {
await page.callMethod('jest_uploadFile_with_uni_env');
await page.waitFor(2000);
res = await page.data('jest_result');
expect(res).toBe(true);
}); });
// 15以下的模拟器所对应的xcode不能编译自定义插件，大于15是因为某台设备，会用xcode14.1跑15.5的设备 // 15以下的模拟器所对应的xcode不能编译自定义插件，大于15是因为某台设备，会用xcode14.1跑15.5的设备
...@@ -47,7 +54,9 @@ describe('ExtApi-UploadFile', () => { ...@@ -47,7 +54,9 @@ describe('ExtApi-UploadFile', () => {
res = await page.data('jest_result'); res = await page.data('jest_result');
expect(res).toBe(true) expect(res).toBe(true)
}) })
} }
let shouldTestCookie = false let shouldTestCookie = false
if (process.env.uniTestPlatformInfo.startsWith('android') && !process.env.UNI_AUTOMATOR_APP_WEBVIEW) { if (process.env.uniTestPlatformInfo.startsWith('android') && !process.env.UNI_AUTOMATOR_APP_WEBVIEW) {
......
pages/API/upload-file/upload-file.uvue
浏览文件 @ b66282b5
...@@ -15,13 +15,13 @@ ...@@ -15,13 +15,13 @@
</scroll-view> </scroll-view>
<!-- #endif --> <!-- #endif -->
</template> </template>
<script> <script>
// #ifdef APP // #ifdef APP
import { import {
testInovkeUploadFile, testInovkeUploadFile,
CommonOptions CommonOptions
} from '@/uni_modules/test-invoke-network-api' } from '@/uni_modules/test-invoke-network-api'
// #endif // #endif
export default { export default {
data() { data() {
...@@ -102,6 +102,29 @@ ...@@ -102,6 +102,29 @@
}, },
}) })
}, },
jest_uploadFile_with_uni_env() {
const filePath = `${uni.env.CACHE_PATH}/download/uni-app.png`
uni.downloadFile({
url: "https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app.png",
filePath: filePath,
success: () => {
uni.uploadFile({
url: 'https://unidemo.dcloud.net.cn/upload', //仅为示例，非真实的接口地址
filePath: filePath,
name: 'file',
success: () => {
this.jest_result = true;
},
fail: () => {
this.jest_result = false;
},
})
},
fail: () => {
this.jest_result = false
}
});
},
jest_set_cookie() { jest_set_cookie() {
uni.request({ uni.request({
url: "https://request.dcloud.net.cn/api/http/header/setCookie", url: "https://request.dcloud.net.cn/api/http/header/setCookie",
...@@ -178,20 +201,20 @@ ...@@ -178,20 +201,20 @@
this.jest_result = false; this.jest_result = false;
}, },
}) })
}, },
jest_uts_module_invoked(){ jest_uts_module_invoked() {
// #ifdef APP // #ifdef APP
testInovkeUploadFile({ testInovkeUploadFile({
success:(res: any)=>{ success: (res : any) => {
console.log("success :", res); console.log("success :", res);
this.jest_result = true this.jest_result = true
}, },
fail:(err: any)=>{ fail: (err : any) => {
console.log("fail :", err); console.log("fail :", err);
this.jest_result = false this.jest_result = false
} }
} as CommonOptions) } as CommonOptions)
// #endif // #endif
} }
} }
} }
...@@ -217,4 +240,4 @@ ...@@ -217,4 +240,4 @@
font-size: 19px; font-size: 19px;
color: #808080; color: #808080;
} }
</style> </style>
pages/CSS/border/dynamic-border.test.js
浏览文件 @ b66282b5
...@@ -14,7 +14,7 @@ describe('css-dynamic-border', () => { ...@@ -14,7 +14,7 @@ describe('css-dynamic-border', () => {
// 取消圆角 // 取消圆角
it('check_none', async () => { it('check_none', async () => {
await page.callMethod('changeIndex', 2) await page.callMethod('changeIndex', 2)
page.waitFor(100) await page.waitFor(100)
const image = await program.screenshot({fullPage: true}); const image = await program.screenshot({fullPage: true});
expect(image).toSaveImageSnapshot(); expect(image).toSaveImageSnapshot();
}) })
...@@ -22,7 +22,7 @@ describe('css-dynamic-border', () => { ...@@ -22,7 +22,7 @@ describe('css-dynamic-border', () => {
// 左下，右下设置圆角 // 左下，右下设置圆角
it('check_bottomleft_bottomright', async () => { it('check_bottomleft_bottomright', async () => {
await page.callMethod('changeIndex', 10) await page.callMethod('changeIndex', 10)
page.waitFor(100) await page.waitFor(100)
const image = await program.screenshot({fullPage: true}); const image = await program.screenshot({fullPage: true});
expect(image).toSaveImageSnapshot(); expect(image).toSaveImageSnapshot();
}) })
......
pages/CSS/overflow/overflow-visible-event.test.js
浏览文件 @ b66282b5
...@@ -18,16 +18,18 @@ describe('/pages/CSS/overflow/overflow-visible-event.uvue', () => { ...@@ -18,16 +18,18 @@ describe('/pages/CSS/overflow/overflow-visible-event.uvue', () => {
beforeEach(async () => { beforeEach(async () => {
await page.setData({ await page.setData({
jest_result: false, jest_result: false,
jest_click_x: -1,
jest_click_y: -1
}) })
}); });
it('Check Overflow Visible Part Click', async () => { it('Check Overflow Visible Part Click', async () => {
res = await page.callMethod('jest_getRect') res = await page.callMethod('jest_getRect')
const point_x = await page.data('jest_click_x'); const point_x = await page.data('jest_click_x');
const point_y = await page.data('jest_click_y'); const point_y = await page.data('jest_click_y');
await program.adbCommand("input tap" + " " + point_x + " " + point_y) await program.adbCommand("input tap" + " " + point_x + " " + point_y)
await page.waitFor(500); await page.waitFor(500);
res = await page.data('jest_result'); res = await page.data('jest_result');
expect(res).toBe(true) expect(res).toBe(true)
}); });
}); });
pages/CSS/overflow/overflow-visible-event.uvue
浏览文件 @ b66282b5
<template> <template>
<view> <view>
<text style="font-size: 15px;">overflow=visible 父view（绿色），子view（红色），点击超出父view区域的部分也可触发事件。</text> <text style="font-size: 15px;">overflow=visible 父view（绿色），子view（红色），点击超出父view区域的部分也可触发事件。</text>
<view class="backgroundview"> <view class="backgroundview">
<view class="box-visible-border-radius"> <view class="box-visible-border-radius">
<view id="child" style="width: 50px; height: 150px; background-color: red;" <view id="child" style="width: 50px; height: 150px; background-color: red;"
@click="handleClickOverflowPart" @touchmove="handleTouchMoveOverflowPart"> @click="handleClickOverflowPart" @touchmove="handleTouchMoveOverflowPart">
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
jest_result: false, jest_result: false,
jest_click_x: -1, jest_click_x: -1,
jest_click_y: -1 jest_click_y: -1
} }
}, },
methods: { methods: {
handleClickOverflowPart() { handleClickOverflowPart() {
console.log("click"); console.log("click");
this.jest_result = true; this.jest_result = true;
}, uni.showToast({"title":"点击红色区域"})
handleTouchMoveOverflowPart() { },
console.log("move"); handleTouchMoveOverflowPart(e:UniTouchEvent) {
}, console.log("touchmove:" + e.touches[0].clientX + "," + e.touches[0].clientY);
jest_getRect() { },
const rect = uni.getElementById('child')?.getBoundingClientRect() handleClick(str : string) {
console.log(`点击了 ${str} view`);
if (str == 'red') {
this.jest_result = true;
}
},
jest_getRect() {
const rect = uni.getElementById('child')?.getBoundingClientRect()
if (rect != null) { if (rect != null) {
const ratio = uni.getSystemInfoSync().devicePixelRatio const ratio = uni.getSystemInfoSync().devicePixelRatio
this.jest_click_x = rect.x * ratio + 10 this.jest_click_x = rect.x * ratio + 10
this.jest_click_y = rect.bottom * ratio - 10 this.jest_click_y = rect.bottom * ratio - 10
} }
} }
} }
} }
</script> </script>
<style> <style>
.backgroundview { .backgroundview {
width: 300px; width: 300px;
height: 300px; height: 300px;
margin-bottom: 20px; margin-bottom: 20px;
background-color: white; background-color: white;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.box-visible-border-radius { .box-visible-border-radius {
width: 100px; width: 100px;
height: 100px; height: 100px;
border-radius: 20px; border-radius: 20px;
overflow: visible; overflow: visible;
background-color: green; background-color: green;
} }
.hover-class {
background-color: aqua;
}
</style> </style>
pages/CSS/text/font-size.test.js
浏览文件 @ b66282b5
...@@ -4,7 +4,7 @@ describe('css-font-size', () => { ...@@ -4,7 +4,7 @@ describe('css-font-size', () => {
page = await program.reLaunch('/pages/CSS/text/font-size'); page = await program.reLaunch('/pages/CSS/text/font-size');
}); });
it('screenshot', async () => { it('change font-size screenshot', async () => {
await page.callMethod("setFontSize"); await page.callMethod("setFontSize");
await page.waitFor(100); await page.waitFor(100);
const image = await program.screenshot({ fullPage: true }); const image = await program.screenshot({ fullPage: true });
......
pages/CSS/text/font-size.uvue
浏览文件 @ b66282b5
<template> <template>
<view style="flex-grow: 1;"> <view style="flex-grow: 1;">
<view style="height: 250px;background-color: gray;justify-content: center;align-items: center;"> <view style="height: 250px;background-color: gray;justify-content: center;align-items: center;">
<text ref="text" style="font-size: 15px;">{{fontSize}}</text> <text ref="text" :style="{'font-size': fontSize}">font-size: {{fontSize}}</text>
<text style="font-size: 30px;">font-size: 30px</text> <text style="font-size: 30px;">font-size: 30px</text>
</view> </view>
</view> </view>
...@@ -11,14 +11,13 @@ ...@@ -11,14 +11,13 @@
export default { export default {
data() { data() {
return { return {
fontSize: 'font-size: 15px' fontSize: '15px'
} }
}, },
methods: { methods: {
// 自动化测试 // 自动化测试
setFontSize() { setFontSize() {
this.fontSize = 'font-size: 30px'; this.fontSize = '30px';
(this.$refs['text'] as UniElement).style.setProperty('font-size', '30px');
} }
} }
} }
......
pages/CSS/transform/rotate.test.js 0 → 100644
浏览文件 @ b66282b5
// uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
describe('/pages/CSS/transform/rotate.uvue', () => {
let page;
beforeAll(async () => {
page = await program.reLaunch('/pages/CSS/transform/rotate')
await page.waitFor(1000);
});
it("snap rotate", async () => {
const image = await program.screenshot({
fullPage: true
})
expect(image).toSaveImageSnapshot()
})
});
pages/CSS/transform/scale.test.js 0 → 100644
浏览文件 @ b66282b5
// uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
describe('/pages/CSS/transform/scale.uvue', () => {
let page;
beforeAll(async () => {
page = await program.reLaunch('/pages/CSS/transform/scale')
await page.waitFor(1000);
});
it("snap scale", async () => {
const image = await program.screenshot({
fullPage: true
})
expect(image).toSaveImageSnapshot()
})
});
pages/CSS/transform/translate.test.js 0 → 100644
浏览文件 @ b66282b5
// uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
describe('/pages/CSS/transform/translate.uvue', () => {
let page;
beforeAll(async () => {
page = await program.reLaunch('/pages/CSS/transform/translate')
await page.waitFor(1000);
});
it("snap translate", async () => {
const image = await program.screenshot({
fullPage: true
})
expect(image).toSaveImageSnapshot()
})
});
pages/CSS/transition/transition.test.js 0 → 100644
浏览文件 @ b66282b5
// uni-app自动化测试教程: https://uniapp.dcloud.net.cn/worktile/auto/hbuilderx-extension/
describe('/pages/CSS/transition/transition.uvue', () => {
let page;
beforeAll(async () => {
page = await program.reLaunch('/pages/CSS/transition/transition')
await page.waitFor(2000);
});
it("snap transition finish", async () => {
await page.callMethod('changeWidthOrHeight')
await page.callMethod('changeWidthProgress')
await page.callMethod('changeMargin')
await page.callMethod('changePadding')
await page.callMethod('changeBackground')
await page.callMethod('changeBackground2')
await page.callMethod('changeStyleOpacity')
await page.callMethod('propertyChangeBackground')
await page.callMethod('changeTransform')
await page.callMethod('changeTransformTranslate')
await page.callMethod('changeTransformWithWidth')
await page.callMethod('changeTransformWithOrigin')
await page.callMethod('changeBorder')
await page.callMethod('changestylePosition')
await page.waitFor(3000)
const image = await program.screenshot({
fullPage: true
})
expect(image).toSaveImageSnapshot()
})
});
pages/CSS/transition/transition.uvue
浏览文件 @ b66282b5
...@@ -2,64 +2,67 @@ ...@@ -2,64 +2,67 @@
<!-- #ifdef APP --> <!-- #ifdef APP -->
<scroll-view style="flex: 1"> <scroll-view style="flex: 1">
<!-- #endif --> <!-- #endif -->
<view> <view class="container">
<view class="container"> <text class="text">点击修改宽度</text>
<text class="text">点击修改宽度</text> <view class="base-style transition-width" id="widthOrHeight" @click="changeWidthOrHeight"></view>
<view class="base-style transition-width" id="widthOrHeight" @click="changeWidthOrHeight"></view> </view>
</view> <view class="container">
<view class="container"> <text class="text">点击修改宽度(递增)</text>
<text class="text">点击修改宽度(递增)</text> <view class="width-progress transition-width" id="widthProgress" @click="changeWidthProgress"></view>
<view class="width-progress transition-width" id="widthProgress" @click="changeWidthProgress"></view> </view>
</view> <view class="container">
<view class="container"> <text class="text">点击修改Margin</text>
<text class="text">点击修改Margin</text> <view class="base-style transition-margin" id="styleMargin" @click="changeMargin"></view>
<view class="base-style transition-margin" id="styleMargin" @click="changeMargin"></view> </view>
</view> <view class="container">
<view class="container"> <text class="text">点击修改Padding</text>
<text class="text">点击修改Padding</text> <view class="base-style transition-padding" id="stylePadding" @click="changePadding">
<view class="base-style transition-padding" id="stylePadding" @click="changePadding"> <view style="background-color: black; height: 50px; width: 50px"></view>
<view style="background-color: black; height: 50px; width: 50px"></view>
</view>
</view>
<view class="container">
<text class="text">点击修改background-color和opacity</text>
<view class="base-style transition-background" id="styleBackground" @click="changeBackground"></view>
</view>
<view class="container">
<text class="text">点击修改background-color（rgba）</text>
<view style="flex: 1;">
<view class="base-style transition-background" id="styleBackground2" @click="changeBackground2"></view>
</view>
</view>
<view class="container">
<text class="text">动态修改background-color和duration</text>
<view class="base-style" id="propertyStyleBackground" @click="propertyChangeBackground"></view>
</view>
<view class="container">
<text class="text">点击修改Transform</text>
<view class="base-style transition-transform" id="styleTransform" @click="changeTransform"></view>
</view>
<view class="container">
<text class="text">点击修改TransformTranslate</text>
<view class="base-style transition-transform" id="transformTranslate" @click="changeTransformTranslate"></view>
</view>
<view class="container">
<text class="text">点击修改Transform和宽</text>
<view class="base-style transition-transform-width" id="styleTransformWithWidth" @click="changeTransformWithWidth"></view>
</view>
<view class="container" @click="changeTransformWithOrigin">
<text class="text">点击修改Transform（含transform-origin）</text>
<view class="base-style transition-transform" style="transform-origin: 0 0;" id="styleTransformWithOrigin"></view>
</view>
<view class="container">
<text class="text">点击修改Border</text>
<view class="base-style transition-border" id="styleBorder" @click="changeBorder"></view>
</view> </view>
<view class="container"> </view>
<text class="text">点击修改Position</text> <view class="container">
<view class="base-style transition-position" id="stylePosition" @click="changestylePosition"></view> <text class="text">点击修改background-color和opacity</text>
<view class="base-style transition-background" id="styleBackground" @click="changeBackground"></view>
</view>
<view class="container">
<text class="text">点击修改background-color（rgba）</text>
<view style="flex: 1;">
<view class="base-style transition-background" id="styleBackground2" @click="changeBackground2"></view>
</view> </view>
</view> </view>
<view class="container">
<text class="text">点击修改opacity渐隐渐现</text>
<view class="base-style transition-opacity" id="styleOpacity" @click="changeStyleOpacity"></view>
</view>
<view class="container">
<text class="text">动态修改background-color和duration</text>
<view class="base-style" id="propertyStyleBackground" @click="propertyChangeBackground"></view>
</view>
<view class="container">
<text class="text">点击修改Transform</text>
<view class="base-style transition-transform" id="styleTransform" @click="changeTransform"></view>
</view>
<view class="container">
<text class="text">点击修改TransformTranslate</text>
<view class="base-style transition-transform" id="transformTranslate" @click="changeTransformTranslate"></view>
</view>
<view class="container">
<text class="text">点击修改Transform和宽</text>
<view class="base-style transition-transform-width" id="styleTransformWithWidth"
@click="changeTransformWithWidth"></view>
</view>
<view class="container" @click="changeTransformWithOrigin">
<text class="text">点击修改Transform（含transform-origin）</text>
<view class="base-style transition-transform" style="transform-origin: 0 0;" id="styleTransformWithOrigin"></view>
</view>
<view class="container">
<text class="text">点击修改Border</text>
<view class="base-style transition-border" id="styleBorder" @click="changeBorder"></view>
</view>
<view class="container">
<text class="text">点击修改Position</text>
<view class="base-style transition-position" id="stylePosition" @click="changestylePosition"></view>
</view>
<!-- #ifdef APP --> <!-- #ifdef APP -->
</scroll-view> </scroll-view>
<!-- #endif --> <!-- #endif -->
...@@ -79,11 +82,13 @@ ...@@ -79,11 +82,13 @@
stylePadding: null as UniElement | null, stylePadding: null as UniElement | null,
isTransitionstyleBackground: false, isTransitionstyleBackground: false,
isTransitionstyleBackground2: false, isTransitionstyleBackground2: false,
isTransitionstyleOpacity: false,
styleBackground: null as UniElement | null, styleBackground: null as UniElement | null,
styleBackground2: null as UniElement | null, styleBackground2: null as UniElement | null,
styleOpacity: null as UniElement | null,
isTransitionStyleTransform: false, isTransitionStyleTransform: false,
styleTransform: null as UniElement | null, styleTransform: null as UniElement | null,
isTransitionStyleTransformWithWidth:false, isTransitionStyleTransformWithWidth: false,
styleTransformWithWidth: null as UniElement | null, styleTransformWithWidth: null as UniElement | null,
isTransitionstyleBorder: false, isTransitionstyleBorder: false,
styleBorder: null as UniElement | null, styleBorder: null as UniElement | null,
...@@ -105,6 +110,7 @@ ...@@ -105,6 +110,7 @@
this.stylePadding = uni.getElementById("stylePadding") this.stylePadding = uni.getElementById("stylePadding")
this.styleBackground = uni.getElementById("styleBackground") this.styleBackground = uni.getElementById("styleBackground")
this.styleBackground2 = uni.getElementById("styleBackground2") this.styleBackground2 = uni.getElementById("styleBackground2")
this.styleOpacity = uni.getElementById("styleOpacity")
this.styleTransform = uni.getElementById("styleTransform") this.styleTransform = uni.getElementById("styleTransform")
this.styleBorder = uni.getElementById("styleBorder") this.styleBorder = uni.getElementById("styleBorder")
this.stylePosition = uni.getElementById("stylePosition") this.stylePosition = uni.getElementById("stylePosition")
...@@ -163,6 +169,14 @@ ...@@ -163,6 +169,14 @@
) )
this.isTransitionstyleBackground2 = !this.isTransitionstyleBackground2 this.isTransitionstyleBackground2 = !this.isTransitionstyleBackground2
}, },
changeStyleOpacity() {
this.styleOpacity?.style?.setProperty("opacity", this.isTransitionstyleOpacity
? '1'
: '0'
)
this.styleOpacity?.style?.setProperty("transition-duration", "1000ms")
this.isTransitionstyleOpacity = !this.isTransitionstyleOpacity
},
propertyChangeBackground() { propertyChangeBackground() {
if (!this.isSetTransition) { if (!this.isSetTransition) {
this.propertyStyleBackground?.style?.setProperty("transition-property", "background-color") this.propertyStyleBackground?.style?.setProperty("transition-property", "background-color")
...@@ -271,6 +285,11 @@ ...@@ -271,6 +285,11 @@
transition-duration: 1s; transition-duration: 1s;
} }
.transition-opacity {
transition-property: opacity;
transition-duration: 1s;
}
.transition-transform { .transition-transform {
transition-property: transform; transition-property: transform;
transition-duration: 1s; transition-duration: 1s;
...@@ -289,6 +308,7 @@ ...@@ -289,6 +308,7 @@
transition-property: left; transition-property: left;
transition-duration: 1s; transition-duration: 1s;
} }
.transition-transform-width { .transition-transform-width {
transition-property: transform, width; transition-property: transform, width;
transition-duration: 1s; transition-duration: 1s;
......
pages/CSS/variable/variable.test.js
浏览文件 @ b66282b5
describe('css-variable', () => { describe('css-variable', () => {
if (process.env.UNI_AUTOMATOR_APP_WEBVIEW) {
it('app 与 web 存在差异, webview 不进行截图', () => {
expect(1).toBe(1)
return
})
}
let page; let page;
beforeAll(async () => { beforeAll(async () => {
page = await program.reLaunch('/pages/CSS/variable/variable'); page = await program.reLaunch('/pages/CSS/variable/variable');
......
pages/component/button/button.uvue
浏览文件 @ b66282b5
...@@ -11,8 +11,11 @@ ...@@ -11,8 +11,11 @@
type_enum: [{ "value": 0, "name": "default" }, { "value": 1, "name": "primary" }, { "value": 2, "name": "warn" }] as ItemType[], type_enum: [{ "value": 0, "name": "default" }, { "value": 1, "name": "primary" }, { "value": 2, "name": "warn" }] as ItemType[],
type_enum_current: 0, type_enum_current: 0,
count: 0, count: 0,
text: 'uni-app-x' text: ''
} }
},
onReady() {
this.text = 'uni-app-x'
}, },
methods: { methods: {
button_click() { button_click() {
...@@ -54,7 +57,8 @@ ...@@ -54,7 +57,8 @@
:type="type_enum[type_enum_current].name" :plain="plain_boolean" @click="button_click" :type="type_enum[type_enum_current].name" :plain="plain_boolean" @click="button_click"
@touchstart="button_touchstart" @touchmove="button_touchmove" @touchcancel="button_touchcancel" @touchstart="button_touchstart" @touchmove="button_touchmove" @touchcancel="button_touchcancel"
@touchend="button_touchend" @tap="button_tap" @longpress="button_longpress" class="btn" @touchend="button_touchend" @tap="button_tap" @longpress="button_longpress" class="btn"
:class="default_style ? 'custom-btn' : ''" :hover-class="default_style ? 'is-hover' : 'button-hover'"> :class="default_style ? (disabled_boolean ? 'custom-btn-disable' : 'custom-btn') : ''"
:hover-class="default_style ? 'is-hover' : 'button-hover'">
{{ text }} {{ text }}
</button> </button>
</view> </view>
...@@ -92,6 +96,12 @@ ...@@ -92,6 +96,12 @@
border-color: #1AAD19; border-color: #1AAD19;
} }
.custom-btn-disable {
color: rgba(255, 255, 255, 0.7);
background-color: rgba(26, 173, 25, 0.7);
border-color: rgba(26, 173, 25, 0.7);
}
.is-hover { .is-hover {
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
background-color: #179b16; background-color: #179b16;
......
pages/component/canvas/ball.uvue 0 → 100644
浏览文件 @ b66282b5
<template>
<view class="page-body">
<canvas id="canvas" class="canvas"></canvas>
</view>
</template>
<script setup>
class Ball {
private width : number
private height : number
public x : number
public y : number
public vx : number
public vy : number
public radius : number = 5
constructor(w : number, h : number, x : number, y : number, vx : number, vy : number) {
this.width = w
this.height = h
this.x = x
this.y = y
this.vx = vx
this.vy = vy
}
move() {
this.x += this.vx
this.y += this.vy
// 边框反弹
if (this.x < this.radius) {
this.vx = Math.abs(this.vx)
return
}
if (this.x > this.width - this.radius) {
this.vx = -Math.abs(this.vx)
}
if (this.y < this.radius) {
this.vy = Math.abs(this.vy)
return
}
if (this.y > this.width - this.radius) {
this.vy = -Math.abs(this.vy)
}
}
}
class BallAnimation {
private ctx : CanvasRenderingContext2D
private ballList : Array<Ball> = []
private speed = 3
private layer = 3
private ballInlayer = 20
private interval : number = 0
private runningFlag : boolean = false
// #ifdef WEB
private _bindAnimate: Function = null
// #endif
constructor(ctx : CanvasRenderingContext2D) {
this.ctx = ctx
this.initBall()
this.ctx.fillStyle = '#007AFF'
// #ifdef WEB
this._bindAnimate = this.animate.bind(this)
// #endif
}
private getDistance(x : number, y : number) : number {
return Math.pow((Math.pow(x, 2) + Math.pow(y, 2)), 0.5)
}
private initBall() {
const canvasWidth = this.ctx.canvas.offsetWidth;
const canvasHeight = this.ctx.canvas.offsetHeight;
for (let i = 0; i < this.layer; i++) {
let radius = this.getDistance(canvasWidth / 2, canvasHeight / 2) / this.layer * i
for (let j = 0; j < this.ballInlayer; j++) {
let deg = j * 2 * Math.PI / this.ballInlayer,
sin = Math.sin(deg),
cos = Math.cos(deg),
x = radius * cos + canvasWidth / 2,
y = radius * sin + canvasHeight / 2,
vx = this.speed * cos,
vy = this.speed * sin
this.ballList.push(new Ball(canvasWidth, canvasHeight, x, y, vx, vy))
}
}
}
public animate() {
this.ctx.clearRect(0, 0, this.ctx.canvas.offsetWidth, this.ctx.canvas.offsetHeight)
this.ballList.forEach((item) => {
item.move()
this.ctx.beginPath()
this.ctx.arc(item.x, item.y, item.radius, 0, 2 * Math.PI)
// this.ctx.ellipse(item.x, item.y, item.radius, item.radius, 0, 0, Math.PI * 2)
this.ctx.fill()
})
// #ifdef APP
this.ctx.draw()
// #endif
// #ifdef WEB
if (!this.runningFlag) {
return
}
requestAnimationFrame(this._bindAnimate)
// #endif
}
start() {
// #ifdef WEB
cancelAnimationFrame(this._bindAnimate)
this.runningFlag = true
this.animate()
// #endif
// #ifdef APP
//Todo.. requestAnimationFrame
clearInterval(this.interval)
this.interval = setInterval(() => {
this.animate()
}, 17)
// #endif
}
stop() {
// #ifdef WEB
this.runningFlag = false
cancelAnimationFrame(this._bindAnimate)
// #endif
// #ifdef APP
//Todo.. requestAnimationFrame
clearInterval(this.interval)
// #endif
}
}
let animation : BallAnimation | null = null
onReady(() => {
let canvas = uni.getElementById("canvas") as UniCanvasElement
let canvasContext = canvas.getContext("2d");
if (canvasContext != null) {
const dpr = uni.getSystemInfoSync().pixelRatio
canvas.width = canvas.offsetWidth * dpr
canvas.height = canvas.offsetHeight * dpr
canvasContext.scale(dpr, dpr)
animation = new BallAnimation(canvasContext)
animation?.start()
} else {
console.log("canvas.getContext error!!")
}
})
onUnload(() => {
animation?.stop()
animation = null
})
onPageShow(() => {
animation?.start()
})
onPageHide(() => {
animation?.stop()
})
</script>
<style>
.page-body-wrapper {
text-align: center;
}
.canvas {
width: 300px;
height: 300px;
margin: auto;
background-color: #fff;
}
</style>
pages/component/canvas/canvas.test.js 0 → 100644
浏览文件 @ b66282b5
let page
beforeAll(async () => {
if (!process.env.uniTestPlatformInfo.toLowerCase().startsWith('web')) {
return
}
page = await program.reLaunch('/pages/component/canvas/canvas')
await page.waitFor(2000)
})
describe('Canvas.uvue', () => {
it('toBlob', async () => {
if (process.env.uniTestPlatformInfo.toLowerCase().startsWith('web')) {
const {
testToBlobResult,
testToDataURLResult
} = await page.data()
expect(testToBlobResult).toBe(true)
expect(testToDataURLResult).toBe(true)
}
})
})
pages/component/canvas/canvas.uvue 0 → 100644
浏览文件 @ b66282b5
此差异已折叠。
pages/component/form/form.test.js
浏览文件 @ b66282b5
...@@ -28,7 +28,8 @@ describe('form', () => { ...@@ -28,7 +28,8 @@ describe('form', () => {
await page.waitFor(200) await page.waitFor(200)
const { const {
formData formData,
testVerifySubmit
} = await page.data() } = await page.data()
expect(formData['nickname']).toBe(CHANGE_NICK_NAME) expect(formData['nickname']).toBe(CHANGE_NICK_NAME)
...@@ -38,6 +39,8 @@ describe('form', () => { ...@@ -38,6 +39,8 @@ describe('form', () => {
expect(formData['age']).toBe(CHANGE_AGE) expect(formData['age']).toBe(CHANGE_AGE)
expect(formData['switch']).toBe(CHANGE_SWITCH) expect(formData['switch']).toBe(CHANGE_SWITCH)
expect(formData['comment']).toBe(CHANGE_COMMENT) expect(formData['comment']).toBe(CHANGE_COMMENT)
expect(testVerifySubmit).toBe(true)
}) })
it('reset', async () => { it('reset', async () => {
await changeData(page) await changeData(page)
...@@ -51,7 +54,8 @@ describe('form', () => { ...@@ -51,7 +54,8 @@ describe('form', () => {
await page.waitFor(100) await page.waitFor(100)
const { const {
formData formData,
testVerifyReset
} = await page.data() } = await page.data()
expect(formData['nickname']).toBe(DEFAULT_NICK_NAME) expect(formData['nickname']).toBe(DEFAULT_NICK_NAME)
...@@ -60,6 +64,8 @@ describe('form', () => { ...@@ -60,6 +64,8 @@ describe('form', () => {
expect(formData['age']).toBe(DEFAULT_AGE) expect(formData['age']).toBe(DEFAULT_AGE)
expect(formData['switch']).toBe(DEFAULT_SWITCH) expect(formData['switch']).toBe(DEFAULT_SWITCH)
expect(formData['comment']).toBe(DEFAULT_COMMENT) expect(formData['comment']).toBe(DEFAULT_COMMENT)
expect(testVerifyReset).toBe(true)
}) })
}) })
......
pages/component/form/form.uvue
浏览文件 @ b66282b5
...@@ -68,7 +68,10 @@ ...@@ -68,7 +68,10 @@
loves: ['0'], loves: ['0'],
switch: true, switch: true,
comment:'', comment:'',
formData: {} as UTSJSONObject formData: {} as UTSJSONObject,
// 仅测试
testVerifySubmit: false,
testVerifyReset: false,
} }
}, },
computed: { computed: {
...@@ -78,10 +81,18 @@ ...@@ -78,10 +81,18 @@
}, },
methods: { methods: {
onFormSubmit: function (e : UniFormSubmitEvent) { onFormSubmit: function (e : UniFormSubmitEvent) {
console.log(e.target?.tagName ?? '123');
console.log(e.type);
this.formData = e.detail.value this.formData = e.detail.value
// 仅测试
this.testVerifySubmit = (e.type == 'submit' && (e.target?.tagName ?? '') == "FORM")
}, },
onFormReset: function (_ : UniFormResetEvent) { onFormReset: function (e : UniFormResetEvent) {
this.formData = {} this.formData = {}
// 仅测试
this.testVerifyReset = (e.type == 'reset' && (e.target?.tagName ?? '') == "FORM")
} }
} }
} }
......
pages/component/general-event/general-event.test.js
浏览文件 @ b66282b5
const PAGE_PATH = '/pages/component/general-event/general-event' const PAGE_PATH = '/pages/component/general-event/general-event'
describe('event trigger sequence', () => { describe('event trigger', () => {
const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase() const platformInfo = process.env.uniTestPlatformInfo.toLocaleLowerCase()
const isAndroid = platformInfo.startsWith('android') const isAndroid = platformInfo.startsWith('android')
const isIos = platformInfo.startsWith('ios') const isIos = platformInfo.startsWith('ios')
...@@ -222,7 +222,7 @@ describe('event trigger sequence', () => { ...@@ -222,7 +222,7 @@ describe('event trigger sequence', () => {
if (isAndroid || isIos) { if (isAndroid || isIos) {
if (isAndroid) { if (isAndroid) {
if (platformInfo.indexOf('6') != -1) { if (platformInfo.indexOf('6') != -1 && platformInfo.indexOf('x86') == -1) {
await program.tap({ await program.tap({
x: 200, x: 200,
y: 700, y: 700,
...@@ -242,6 +242,11 @@ describe('event trigger sequence', () => { ...@@ -242,6 +242,11 @@ describe('event trigger sequence', () => {
}) })
} }
} else if (isIos) { } else if (isIos) {
// 规避系统授权弹框
await program.tap({
x: 100,
y: 500,
})
await program.tap({ await program.tap({
x: 200, x: 200,
y: 400, y: 400,
...@@ -293,4 +298,4 @@ describe('event trigger sequence', () => { ...@@ -293,4 +298,4 @@ describe('event trigger sequence', () => {
} }
} }
}) })
}) })
pages/component/general-event/transition-event.uvue
浏览文件 @ b66282b5
...@@ -28,6 +28,7 @@ ...@@ -28,6 +28,7 @@
} }
}, },
onReady() { onReady() {
// onReady中动态修改isShow是为了验证在安卓手机上子线程中创建节点可能会崩溃的问题，不具备代码参考性。
// #ifdef APP-ANDROID // #ifdef APP-ANDROID
var that = this var that = this
class ThreadRunnable extends Runnable { class ThreadRunnable extends Runnable {
......
pages/component/image/image.test.js
浏览文件 @ b66282b5
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
describe('component-native-image', () => { describe('component-native-image', () => {
let page; let page;
async function getWindowInfo() { async function getWindowInfo() {
const windowInfoPage = await program.reLaunch('/pages/API/get-window-info/get-window-info') const windowInfoPage = await program.reLaunch('/pages/API/get-window-info/get-window-info')
await windowInfoPage.waitFor(600); await windowInfoPage.waitFor(600);
...@@ -10,7 +10,7 @@ describe('component-native-image', () => { ...@@ -10,7 +10,7 @@ describe('component-native-image', () => {
} }
const screenshotParams = { fullPage: true } const screenshotParams = { fullPage: true }
let windowInfo let windowInfo
beforeAll(async () => { beforeAll(async () => {
if (!process.env.UNI_AUTOMATOR_APP_WEBVIEW) { if (!process.env.UNI_AUTOMATOR_APP_WEBVIEW) {
screenshotParams.fullPage = false screenshotParams.fullPage = false
...@@ -24,7 +24,7 @@ describe('component-native-image', () => { ...@@ -24,7 +24,7 @@ describe('component-native-image', () => {
} }
screenshotParams.offsetY = offsetY screenshotParams.offsetY = offsetY
} }
page = await program.reLaunch('/pages/component/image/image'); page = await program.reLaunch('/pages/component/image/image');
await page.waitFor(600); await page.waitFor(600);
}); });
...@@ -70,6 +70,49 @@ describe('component-native-image', () => { ...@@ -70,6 +70,49 @@ describe('component-native-image', () => {
}) })
} }
it('test event load', async () => {
await page.setData({
autoTest: true,
imageSrc: 'https://request.dcloud.net.cn/api/http/contentType/image/png'
});
await page.waitFor(1000);
if(process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
expect(await page.data('eventLoad')).toEqual({
type: 'load',
width: 10,
height: 10
});
return
}
expect(await page.data('eventLoad')).toEqual({
tagName: 'IMAGE',
type: 'load',
width: 10,
height: 10
});
});
it('test event error', async () => {
await page.setData({
imageSrc: 'https://request.dcloud.net.cn/api/http/contentType/404.png'
});
await page.waitFor(500);
if(process.env.uniTestPlatformInfo.toLowerCase().startsWith('ios')) {
expect(await page.data('eventError')).toEqual({
type: 'error'
});
}else {
expect(await page.data('eventError')).toEqual({
tagName: 'IMAGE',
type: 'error'
});
}
await page.setData({
autoTest: false
});
});
it('path-screenshot', async () => { it('path-screenshot', async () => {
const page = await program.navigateTo('/pages/component/image/image-path'); const page = await program.navigateTo('/pages/component/image/image-path');
await page.waitFor(3000); await page.waitFor(3000);
......
pages/component/image/image.uvue
浏览文件 @ b66282b5
...@@ -34,16 +34,33 @@ ...@@ -34,16 +34,33 @@
// 自动化测试 // 自动化测试
autoTest: false, autoTest: false,
setCookieImage: "", setCookieImage: "",
verifyCookieImage: "" verifyCookieImage: "",
eventLoad: null as UTSJSONObject | null,
eventError: null as UTSJSONObject | null
} }
}, },
methods: { methods: {
error(event : ImageErrorEvent) { error(event : ImageErrorEvent) {
this.loadError = true this.loadError = true
console.log(event.type, event.detail); console.log(event.type, event.detail);
if (this.autoTest) {
this.eventError = {
"tagName": event.target?.tagName,
"type": event.type,
// "errMsg": event.detail.errMsg
};
}
}, },
load(event : ImageLoadEvent) { load(event : ImageLoadEvent) {
console.log(event.type, event.detail); console.log(event.type, event.detail);
if (this.autoTest) {
this.eventLoad = {
"tagName": event.target?.tagName,
"type": event.type,
"width": event.detail.width,
"height": event.detail.height
};
}
}, },
imageFormat() { imageFormat() {
uni.navigateTo({ uni.navigateTo({
......
pages/component/input/input.test.js
浏览文件 @ b66282b5
...@@ -184,11 +184,11 @@ describe('component-native-input', () => { ...@@ -184,11 +184,11 @@ describe('component-native-input', () => {
await program.navigateTo("/pages/API/navigator/new-page/new-page-3") await program.navigateTo("/pages/API/navigator/new-page/new-page-3")
await page.waitFor(2000); await page.waitFor(2000);
await program.navigateBack() await program.navigateBack()
await page.waitFor(2000); await page.waitFor(1000);
await page.setData({ await page.setData({
focusedForKeyboardHeightChangeTest: true focusedForKeyboardHeightChangeTest: true
}) })
await page.waitFor(2000); await page.waitFor(5000);
const keyboardHeight = await page.data('keyboardHeight'); const keyboardHeight = await page.data('keyboardHeight');
console.log("keyboardHeight :", keyboardHeight); console.log("keyboardHeight :", keyboardHeight);
......
pages/component/input/input.uvue
浏览文件 @ b66282b5
...@@ -248,6 +248,17 @@ ...@@ -248,6 +248,17 @@
</view> </view>
</view> </view>
<view>
<view class="uni-title" style="flex-direction: row;align-items: center;">
<text class="uni-title-text">设置adjust-position</text>
<switch style="margin-left: 10px;" @change="changeAdjustPosition" :checked="adjustPosition"></switch>
</view>
<view class="input-wrapper">
<input class="uni-input" :adjust-position="adjustPosition"/>
</view>
</view>
</view> </view>
<!-- #ifdef APP --> <!-- #ifdef APP -->
</scroll-view> </scroll-view>
...@@ -282,7 +293,8 @@ ...@@ -282,7 +293,8 @@
holdKeyboard: false, holdKeyboard: false,
keyboardHeight: 0, keyboardHeight: 0,
focusedForKeyboardHeightChangeTest: false, focusedForKeyboardHeightChangeTest: false,
demoValue: '123' demoValue: '123',
adjustPosition: false
} }
}, },
methods: { methods: {
...@@ -359,6 +371,10 @@ ...@@ -359,6 +371,10 @@
changeHoldKeyboard(event : UniSwitchChangeEvent) { changeHoldKeyboard(event : UniSwitchChangeEvent) {
const checked = event.detail.value; const checked = event.detail.value;
this.holdKeyboard = checked this.holdKeyboard = checked
},
changeAdjustPosition(event : UniSwitchChangeEvent){
const checked = event.detail.value;
this.adjustPosition = checked
} }
} }
} }
......
pages/component/list-view/list-view-children-in-slot.test.js
浏览文件 @ b66282b5
describe('list-view-children-in-slot', () => { describe('list-view-children-in-slot', () => {
if (process.env.uniTestPlatformInfo.startsWith('web')) {
it('dummyTest', async () => {
expect(1).toBe(1)
})
return
}
let page let page
beforeAll(async () => { beforeAll(async () => {
page = await program.reLaunch('/pages/component/list-view/list-view-children-in-slot') page = await program.reLaunch('/pages/component/list-view/list-view-children-in-slot')
await page.waitFor('list-view') await page.waitFor('list-view')
await page.waitFor(300)
}) })
it('basic', async () => { it('basic', async () => {
......
pages/component/list-view/list-view-multiplex.uvue
浏览文件 @ b66282b5
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
<list-item v-for="index in item_count" class="item" @click="itemClick(index)"> <list-item v-for="index in item_count" class="item" @click="itemClick(index)">
<text >item-------<text>{{index}}</text></text> <text >item-------<text>{{index}}</text></text>
<text v-show="displayArrow" >item-------<text>{{index}}</text></text> <text v-show="displayArrow" >item-------<text>{{index}}</text></text>
<switch :checked="true"></switch>
</list-item> </list-item>
</list-view> </list-view>
</view> </view>
......
pages/API/map/map.test.js → pages/component/map/map.test.js
浏览文件 @ b66282b5
...@@ -8,7 +8,7 @@ describe('web-map', () => { ...@@ -8,7 +8,7 @@ describe('web-map', () => {
return return
} }
beforeAll(async () => { beforeAll(async () => {
page = await program.reLaunch('/pages/API/map/map') page = await program.reLaunch('/pages/component/map/map')
await page.waitFor('view'); await page.waitFor('view');
// 等待地图加载完成 // 等待地图加载完成
await page.waitFor(4000); await page.waitFor(4000);
......
pages/component/map/map.uvue
浏览文件 @ b66282b5
此差异已折叠。
pages/component/movable-view/movable-view.test.js 0 → 100644
浏览文件 @ b66282b5
此差异已折叠。
pages/component/radio/radio.uvue
浏览文件 @ b66282b5
此差异已折叠。
pages/component/slider/slider.uvue
浏览文件 @ b66282b5
此差异已折叠。
pages/component/swiper/swiper.uvue
浏览文件 @ b66282b5
此差异已折叠。
pages/component/switch/switch.uvue
浏览文件 @ b66282b5
此差异已折叠。
pages/component/video/video.test.js
浏览文件 @ b66282b5
此差异已折叠。
pages/component/video/video.uvue
浏览文件 @ b66282b5
此差异已折叠。
pages/pages.test.js
浏览文件 @ b66282b5
此差异已折叠。
pages/tabBar/API.uvue
浏览文件 @ b66282b5
此差异已折叠。
pages/tabBar/component.uvue
浏览文件 @ b66282b5
此差异已折叠。
pages/tabBar/template.uvue
浏览文件 @ b66282b5
此差异已折叠。
pages/template/browser-element/browser-element.uvue 0 → 100644
浏览文件 @ b66282b5
此差异已折叠。
static/compass.png 0 → 100644
浏览文件 @ b66282b5
此差异已折叠。
static/test-video/10second-demo.mp4 0 → 100644
浏览文件 @ b66282b5
此差异已折叠。
testSequencer.js 0 → 100644
浏览文件 @ b66282b5
此差异已折叠。
todo.md
浏览文件 @ b66282b5
此差异已折叠。
uni_modules/uni-getbatteryinfo/utssdk/unierror.uts 0 → 100644
浏览文件 @ b66282b5
此差异已折叠。
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或