Skip to content

H
hello-uvue

DCloud / hello-uvue

通知 351
Star 2
Fork 7
H
hello-uvue
提交 5ae923ba 编写于 作者: DCloud-WZF's avatar DCloud-WZF 💬
浏览文件
操作

test: remove webview screenshot test

上级 08265317
显示空白变更内容
内联 并排
Showing with 0 addition and 594 deletion
pages/webview-screenshot-comparison/webview-screenshot-comparison.test.js 已删除 100644 → 0
浏览文件 @ 08265317
jest.setTimeout(10000000);
const pages = [
'pages/tab-bar/options-api',
'pages/tab-bar/composition-api',
'pages/app-instance/index/index',
'pages/built-in-component/keep-alive/keep-alive',
'pages/directive/v-bind/v-bind',
'pages/directive/v-bind/v-bind-class',
'pages/directive/v-bind/v-bind-style',
'pages/directive/v-bind/v-bind-props',
'pages/directive/v-for/v-for',
'pages/directive/v-for/v-for-item-click',
'pages/directive/v-for/v-for-item-v-if',
'pages/directive/v-for/v-for-item-v-show',
'pages/directive/v-for/v-for-v-for',
'pages/directive/v-if/v-if',
'pages/directive/v-model/v-model',
'pages/directive/v-on/v-on',
'pages/directive/v-memo/v-memo',
'pages/directive/v-pre/v-pre',
'pages/directive/v-show/v-show',
'pages/directive/v-slot/v-slot',
'pages/directive/v-html/v-html',
'pages/component-instance/data/data',
'pages/component-instance/options/options',
'pages/component-instance/refs/refs',
'pages/component-instance/attrs/attrs',
'pages/component-instance/watch-function/watch-array',
'pages/component-instance/emit-function/emit-function',
'pages/component-instance/nextTick-function/nextTick-function',
'pages/component-instance/methods/call-method-uni-element',
'pages/component-instance/circular-reference/circular-reference',
'pages/state/methods/methods',
'pages/state/props/props',
'pages/state/computed/computed',
'pages/state/watch/watch',
'pages/rendering/slots/slots',
'pages/rendering/template/template',
'pages/rendering/unrecognized-component/unrecognized-component',
'pages/rendering/component/component',
'pages/composition/inject/inject',
'pages/examples/nested-component-communication/nested-component-communication',
'pages/examples/set-custom-child-component-root-node-class/set-custom-child-component-root-node-class',
'pages/composition-api/basic/define-emits/define-emits',
'pages/composition-api/basic/define-expose/define-expose',
'pages/composition-api/basic/use-attrs/use-attrs',
'pages/composition-api/reactivity/ref/ref',
'pages/composition-api/reactivity/is-ref/is-ref',
'pages/composition-api/reactivity/un-ref/un-ref',
'pages/composition-api/reactivity/is-proxy/is-proxy',
'pages/composition-api/reactivity/is-reactive/is-reactive',
'pages/composition-api/reactivity/is-readonly/is-readonly',
'pages/composition-api/reactivity/shallow-ref/shallow-ref',
'pages/composition-api/reactivity/trigger-ref/trigger-ref',
'pages/composition-api/reactivity/custom-ref/custom-ref',
'pages/composition-api/reactivity/shallow-reactive/shallow-reactive',
'pages/composition-api/reactivity/shallow-readonly/shallow-readonly',
'pages/composition-api/reactivity/to-raw/to-raw',
'pages/composition-api/reactivity/mark-raw/mark-raw',
'pages/composition-api/reactivity/effect-scope/effect-scope',
'pages/composition-api/reactivity/get-current-scope/get-current-scope',
'pages/composition-api/reactivity/on-scope-dispose/on-scope-dispose',
'pages/built-in-component/teleport/teleport',
'pages/component-instance/watch-function/watch-function'
// 仅app
// 'pages/composition/mixins/mixins',
// 'pages/composition/mixins/mixins-page2',
// 'pages/directive/v-once/v-once',
// 'pages/component-instance/parent/parent',
// 'pages/component-instance/root/root',
// 'pages/composition-api/basic/define-model/define-model'
// 'pages/composition-api/basic/define-options/define-option'
// 'pages/composition-api/reactivity/to-ref/to-ref', // web端暂不支持toRef
// 动态内容
// 'pages/component-instance/force-update/force-update',
// 空白页面无内容
// 'pages/component-instance/methods/call-method-easycom-uni-modules',
// 'pages/component-instance/methods/call-method-easycom',
// 'pages/component-instance/methods/call-method-other',
// 仅web
// 'pages/composition/mixins/mixins-web',
// Object或Array数据渲染换行差异
// 'pages/app-instance/globalProperties/globalProperties',
// 'pages/component-instance/props/props',
// 'pages/composition-api/basic/define-props/define-props',
// 'pages/composition-api/basic/define-slots/define-slots',
// 'pages/composition-api/basic/use-slots/use-slots',
// 'pages/composition-api/dependency-injection/provide/provide',
// 'pages/composition-api/reactivity/computed/computed',
// 'pages/composition-api/reactivity/reactive/reactive',
// 'pages/composition-api/reactivity/readonly/readonly',
// 'pages/composition-api/reactivity/watch-effect/watch-effect',
// 'pages/composition-api/reactivity/watch-post-effect/watch-post-effect',
// 'pages/composition-api/reactivity/watch-sync-effect/watch-sync-effect',
// 'pages/composition-api/reactivity/watch/watch',
// 'pages/composition/provide/provide',
// 'pages/composition/provide/provide-page2',
// 'pages/state/data/data',
// 功能差异
// 'pages/composition/setup/setup',
// 'pages/component-instance/el/el',
// 样式差异
// 'pages/component-instance/slots/slots',
// 'pages/rendering/render/render',
// 因修改全局状态影响其他测试例结果
// 'pages/lifecycle/page/page',
// 'pages/lifecycle/component/component',
// 'pages/composition-api/lifecycle/page-lifecycle/page-lifecycle',
// 'pages/composition-api/lifecycle/component-lifecycle/component-lifecycle',
]
const childToParentPagesMap = new Map([
]);
const customNavigationPages = [
]
const needAdbScreenshotPages = [
'pages/tab-bar/options-api',
'pages/tab-bar/composition-api'
];
const needAdbScreenshot = (url) => {
return needAdbScreenshotPages.includes(url);
};
const PAGE_PATH =
"/pages/webview-screenshot-comparison/webview-screenshot-comparison";
describe("shot-compare", () => {
let shouldCompareScreenShot = false
if (process.env.uniTestPlatformInfo.startsWith('android') && !process.env.UNI_AUTOMATOR_APP_WEBVIEW) {
let version = process.env.uniTestPlatformInfo
version = parseInt(version.split(" ")[1])
shouldCompareScreenShot = version > 9
}
if (!shouldCompareScreenShot) {
it("other platform not support", async () => {
expect(1).toBe(1);
});
return
}
let page = null;
let pageIndex = 0;
let baseSrc = "";
beforeAll(async () => {
page = await program.reLaunch(PAGE_PATH);
await page.waitFor(500);
await page.callMethod('getWindowInfo');
await page.callMethod('getDeviceInfo');
// set webview-screenshot-comparison page baseSrc
baseSrc =
process.env.UNI_WEB_SERVICE_URL ? `${process.env.UNI_WEB_SERVICE_URL}/#/` :
"http://test.dcloud.io/unix_h5_build/98_dev_hello-uvue/#/";
page.setData({
baseSrc,
});
});
beforeEach(async () => {
page = await program.reLaunch(PAGE_PATH);
await page.waitFor(500);
});
afterEach(() => {
pageIndex++;
});
test.each(pages)("%s", async () => {
const isNeedAdbScreenshot = needAdbScreenshot(pages[pageIndex]);
const isCustomNavigationBar = customNavigationPages.includes(pages[pageIndex]);
const {
statusBarHeight,
devicePixelRatio
} = await page.data();
const screenshotParams = {
fullPage: true,
adb: isNeedAdbScreenshot,
// adb 截图时跳过状态栏
area: {
x: 0,
y: statusBarHeight * devicePixelRatio,
},
}
const screenshotPath = `__webview__${pages[pageIndex].replace(/\//g, "-")}`;
// web in webview screenshot
// 加载依赖页面
if (childToParentPagesMap.get(pages[pageIndex])) {
await page.setData({
src: `${baseSrc}${childToParentPagesMap.get(pages[pageIndex])}`,
isLoaded: false
});
await page.waitFor(async () => {
const isLoaded = await page.data("isLoaded");
return isLoaded || Date.now() - startTime > 10000;
});
await page.waitFor(200);
}
await page.setData({
src: `${baseSrc}${pages[pageIndex]}`,
isLoaded: false,
isCustomNavigationBar,
});
const startTime = Date.now();
await page.waitFor(async () => {
const isLoaded = await page.data("isLoaded");
return isLoaded || Date.now() - startTime > 3000;
});
await page.waitFor(800);
// web 端非 adb 截图时设置 offsetY 移除导航栏
const webSnapshot = await program.screenshot({
...screenshotParams,
id: 'webview-screenshot-comparison',
offsetY: `${isCustomNavigationBar ? 0 : 44}`
});
expect(webSnapshot).toMatchImageSnapshot({
customSnapshotIdentifier() {
return screenshotPath;
},
});
// app-android page screenshot comparison
const navigateMethod = pages[pageIndex].startsWith("pages/tab-bar") ?
"switchTab" :
"navigateTo";
page = await program[navigateMethod](`/${pages[pageIndex]}`);
await page.waitFor(500);
const appAndroidSnapshot = await program.screenshot(screenshotParams);
expect(appAndroidSnapshot).toMatchImageSnapshot({
customSnapshotIdentifier() {
return screenshotPath;
},
});
});
});
\ No newline at end of file
pages/webview-screenshot-comparison/webview-screenshot-comparison.uvue 已删除 100644 → 0
浏览文件 @ 08265317
<template>
<view v-if="!isCustomNavigationBar" class="top-placehoder"></view>
<web-view id="webview-screenshot-comparison" class="webview-screenshot-comparison" :webview-styles="webviewStyles"
:src="src" @loaded="loaded" @error="error">
</web-view>
</template>
<script>
import { state, setStatusBarHeight, setDevicePixelRatio } from '@/store/index.uts'
export default {
data() {
return {
baseSrc: '',
src: '',
webviewContext: null as WebviewContext | null,
isLoaded: false,
statusBarHeight: state.statusBarHeight,
isCustomNavigationBar: false,
devicePixelRatio: state.devicePixelRatio,
webviewStyles: {
progress: false
}
}
},
onReady() {
this.webviewContext = uni.createWebviewContext('webview-screenshot-comparison', this)
},
methods: {
loaded() {
this.isLoaded = true
},
error(event : WebViewErrorEvent) {
console.log('webview load error', JSON.stringify(event.detail));
},
getWindowInfo() {
const res = uni.getWindowInfo();
// 获取状态栏, 供截图对比使用
setStatusBarHeight(res.statusBarHeight);
},
getDeviceInfo: function () {
const res = uni.getDeviceInfo();
// 获取像素比, 供截图对比使用
setDevicePixelRatio(res.devicePixelRatio !== null ? parseFloat(res.devicePixelRatio!) : 1);
}
}
}
</script>
<style>
.top-placehoder {
height: var(--status-bar-height);
background-color: #007aff;
}
.webview-screenshot-comparison {
flex: 1;
}
</style>
\ No newline at end of file
pages/webview-screenshot/webview-screenshot.test.js 已删除 100644 → 0
浏览文件 @ 08265317
jest.setTimeout(10000000);
const pages = [
'pages/tab-bar/options-api',
'pages/tab-bar/composition-api',
'pages/app-instance/index/index',
'pages/app-instance/globalProperties/globalProperties',
'pages/built-in-component/keep-alive/keep-alive',
'pages/directive/v-bind/v-bind',
'pages/directive/v-bind/v-bind-class',
'pages/directive/v-bind/v-bind-style',
'pages/directive/v-bind/v-bind-props',
'pages/directive/v-for/v-for',
'pages/directive/v-for/v-for-item-click',
'pages/directive/v-for/v-for-item-v-if',
'pages/directive/v-for/v-for-item-v-show',
'pages/directive/v-for/v-for-v-for',
'pages/directive/v-if/v-if',
'pages/directive/v-model/v-model',
'pages/directive/v-on/v-on',
'pages/directive/v-memo/v-memo',
'pages/directive/v-pre/v-pre',
'pages/directive/v-show/v-show',
'pages/directive/v-slot/v-slot',
'pages/directive/v-html/v-html',
'pages/component-instance/data/data',
'pages/component-instance/props/props',
'pages/component-instance/el/el',
'pages/component-instance/options/options',
'pages/component-instance/slots/slots',
'pages/component-instance/refs/refs',
'pages/component-instance/attrs/attrs',
'pages/component-instance/watch-function/watch-function',
'pages/component-instance/watch-function/watch-array',
'pages/component-instance/emit-function/emit-function',
'pages/component-instance/nextTick-function/nextTick-function',
'pages/component-instance/methods/call-method-uni-element',
'pages/component-instance/circular-reference/circular-reference',
'pages/state/data/data',
'pages/state/methods/methods',
'pages/state/props/props',
'pages/state/computed/computed',
'pages/state/watch/watch',
'pages/rendering/slots/slots',
'pages/rendering/template/template',
'pages/rendering/unrecognized-component/unrecognized-component',
'pages/rendering/component/component',
'pages/rendering/render/render',
'pages/composition/provide/provide',
'pages/composition/provide/provide-page2',
'pages/composition/inject/inject',
'pages/composition/setup/setup',
'pages/examples/nested-component-communication/nested-component-communication',
'pages/examples/set-custom-child-component-root-node-class/set-custom-child-component-root-node-class',
'pages/composition-api/basic/define-slots/define-slots',
'pages/composition-api/basic/define-props/define-props',
'pages/composition-api/basic/define-emits/define-emits',
'pages/composition-api/basic/define-expose/define-expose',
'pages/composition-api/basic/use-attrs/use-attrs',
'pages/composition-api/basic/use-slots/use-slots',
'pages/composition-api/reactivity/ref/ref',
'pages/composition-api/reactivity/computed/computed',
'pages/composition-api/reactivity/reactive/reactive',
'pages/composition-api/reactivity/readonly/readonly',
'pages/composition-api/reactivity/watch/watch',
'pages/composition-api/reactivity/watch-effect/watch-effect',
'pages/composition-api/reactivity/watch-post-effect/watch-post-effect',
'pages/composition-api/reactivity/watch-sync-effect/watch-sync-effect',
'pages/composition-api/reactivity/is-ref/is-ref',
'pages/composition-api/reactivity/un-ref/un-ref',
'pages/composition-api/reactivity/to-ref/to-ref',
'pages/composition-api/reactivity/is-proxy/is-proxy',
'pages/composition-api/reactivity/is-reactive/is-reactive',
'pages/composition-api/reactivity/is-readonly/is-readonly',
'pages/composition-api/reactivity/shallow-ref/shallow-ref',
'pages/composition-api/reactivity/trigger-ref/trigger-ref',
'pages/composition-api/reactivity/custom-ref/custom-ref',
'pages/composition-api/reactivity/shallow-reactive/shallow-reactive',
'pages/composition-api/reactivity/shallow-readonly/shallow-readonly',
'pages/composition-api/reactivity/to-raw/to-raw',
'pages/composition-api/reactivity/mark-raw/mark-raw',
'pages/composition-api/reactivity/effect-scope/effect-scope',
'pages/composition-api/reactivity/get-current-scope/get-current-scope',
'pages/composition-api/reactivity/on-scope-dispose/on-scope-dispose',
'pages/composition-api/dependency-injection/provide/provide',
'pages/built-in-component/teleport/teleport',
// 仅app
// 'pages/composition/mixins/mixins',
// 'pages/composition/mixins/mixins-page2',
// 'pages/directive/v-once/v-once',
// 'pages/component-instance/parent/parent',
// 'pages/component-instance/root/root',
// 'pages/composition-api/basic/define-model/define-model'
// 'pages/composition-api/basic/define-options/define-option'
// 动态内容
// 'pages/component-instance/force-update/force-update',
// 空白页面无内容
// 'pages/component-instance/methods/call-method-easycom-uni-modules',
// 'pages/component-instance/methods/call-method-easycom',
// 'pages/component-instance/methods/call-method-other',
// 仅web
// 'pages/composition/mixins/mixins-web',
// 因修改全局状态影响其他测试例结果
// 'pages/lifecycle/page/page',
// 'pages/lifecycle/component/component',
// 'pages/composition-api/lifecycle/page-lifecycle/page-lifecycle',
// 'pages/composition-api/lifecycle/component-lifecycle/component-lifecycle',
]
const childToParentPagesMap = new Map([]);
const customNavigationPages = [
]
const needAdbScreenshotPages = [
'pages/tab-bar/options-api',
'pages/tab-bar/composition-api',
];
const needAdbScreenshot = (url) => {
return needAdbScreenshotPages.includes(url);
};
const PAGE_PATH =
"/pages/webview-screenshot/webview-screenshot";
describe("shot-compare", () => {
let shouldCompareScreenShot = false
if (process.env.uniTestPlatformInfo.startsWith('android') && !process.env.UNI_AUTOMATOR_APP_WEBVIEW) {
let version = process.env.uniTestPlatformInfo
version = parseInt(version.split(" ")[1])
shouldCompareScreenShot = version > 9
}
if (!shouldCompareScreenShot) {
it("other platform not support", async () => {
expect(1).toBe(1);
});
return
}
let page = null;
let pageIndex = 0;
let baseSrc = "";
beforeAll(async () => {
page = await program.reLaunch(PAGE_PATH);
await page.waitFor(500);
await page.callMethod('getWindowInfo');
await page.callMethod('getDeviceInfo');
// set webview-screenshot page baseSrc
baseSrc =
process.env.UNI_WEB_SERVICE_URL ? `${process.env.UNI_WEB_SERVICE_URL}/#/` :
"http://test.dcloud.io/unix_h5_build/98_dev_hello-uvue/#/";
page.setData({
baseSrc,
});
});
beforeEach(async () => {
page = await program.reLaunch(PAGE_PATH);
await page.waitFor(500);
});
afterEach(() => {
pageIndex++;
});
test.each(pages)("%s", async () => {
const isNeedAdbScreenshot = needAdbScreenshot(pages[pageIndex]);
const isCustomNavigation = customNavigationPages.includes(pages[pageIndex]);
const {
headerHeight,
devicePixelRatio
} = await page.data();
const screenshotParams = {
fullPage: true,
adb: isNeedAdbScreenshot,
// adb 截图时跳过状态栏
area: {
x: 0,
y: headerHeight * devicePixelRatio,
},
}
const screenshotPath = `webview-shot__${pages[pageIndex].replace(/\//g, "-")}`;
// web in webview screenshot
// 加载依赖页面
if (childToParentPagesMap.get(pages[pageIndex])) {
await page.setData({
src: `${baseSrc}${childToParentPagesMap.get(pages[pageIndex])}`,
isLoaded: false
});
await page.waitFor(async () => {
const isLoaded = await page.data("isLoaded");
return isLoaded || Date.now() - startTime > 10000;
});
await page.waitFor(200);
}
await page.setData({
src: `${baseSrc}${pages[pageIndex]}`,
isLoaded: false,
needRemoveWebHead: !isNeedAdbScreenshot
});
const startTime = Date.now();
await page.waitFor(async () => {
const isLoaded = await page.data("isLoaded");
return isLoaded || Date.now() - startTime > 3000;
});
await page.waitFor(800);
// web 端非 adb 截图时设置 offsetY 移除导航栏
const webSnapshot = await program.screenshot({
...screenshotParams,
offsetY: `${isCustomNavigation ? 0 : headerHeight}`
});
expect(webSnapshot).toMatchImageSnapshot({
customSnapshotIdentifier() {
return screenshotPath;
},
});
});
});
\ No newline at end of file
pages/webview-screenshot/webview-screenshot.uvue 已删除 100644 → 0
浏览文件 @ 08265317
<template>
<view class="top-placehoder"></view>
<web-view id="webview-screenshot" class="webview-screenshot" :webview-styles='webviewStyles' :src="src"
@loaded="loaded" @error="error">
</web-view>
</template>
<script>
import { state, setStatusBarHeight, setDevicePixelRatio } from '@/store/index.uts'
export default {
data() {
return {
baseSrc: '',
src: '',
webviewContext: null as WebviewContext | null,
isLoaded: false,
webviewStyles: {
progress: false
},
headerHeight: state.statusBarHeight,
devicePixelRatio: state.devicePixelRatio
}
},
onReady() {
this.webviewContext = uni.createWebviewContext('webview-screenshot', this)
},
methods: {
loaded() {
this.isLoaded = true
},
error(event : WebViewErrorEvent) {
console.log('webview load error', JSON.stringify(event.detail));
},
getWindowInfo() {
const res = uni.getWindowInfo();
// 获取状态栏, 供截图对比使用
setStatusBarHeight(res.statusBarHeight);
},
getDeviceInfo: function () {
const res = uni.getDeviceInfo();
// 获取像素比, 供截图对比使用
setDevicePixelRatio(res.devicePixelRatio !== null ? parseFloat(res.devicePixelRatio!) : 1);
}
}
}
</script>
<style>
.webview-screenshot {
flex: 1;
}
.top-placehoder {
height: var(--status-bar-height);
background-color: #007aff;
}
</style>
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或