!4780 web组件XTS测试用例

Merge pull request !4780 from 章靖/master

arkui/BUILD.gn

@@ -23,6 +23,7 @@ group("arkui") {
     "ace_ets_standard:ActsAceEtsStTest",
     "ace_ets_test:ActsAceEtsTest",
     "ace_ets_third_test:ActsAceEtsThirdTest",
+    "ace_ets_web_dev:ActsAceWebDevTest",
     "ace_ets_xcomponent:ActsAceXComponentEtsTest",
     "ace_napi_test:ActsAceNapiEtsTest",
     "ace_standard:ActsAceStandardTest",

arkui/ace_ets_web_dev/AppScope/app.json

+{
+    "app": {
+        "bundleName": "com.open.harmony.acewebtest",
+        "vendor": "huawei",
+        "versionCode": 1000000,
+        "versionName": "1.0.0",
+        "debug": false,
+        "icon": "$media:icon",
+        "label": "$string:app_name",
+        "description": "$string:description_application",
+        "distributedNotificationEnabled": true,
+        "keepAlive": true,
+        "singleUser": true,
+        "minAPIVersion": 9,
+        "targetAPIVersion": 9,
+        "car": {
+            "apiCompatibleVersion": 9,
+            "singleUser": false
+        }
+    }
+}
\ No newline at end of file

arkui/ace_ets_web_dev/AppScope/resources/base/element/string.json

+{
+ "string":[
+    {
+      "name":"app_name",
+      "value":"ohosProject"
+    }
+  ]
+}      
\ No newline at end of file

arkui/ace_ets_web_dev/BUILD.gn

+# Copyright (c) 2021 Huawei Device Co., Ltd.
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#     http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+import("//test/xts/tools/build/suite.gni")
+
+ohos_js_hap_suite("ActsAceWebDevTest") {
+  hap_profile = "entry/src/main/module.json"
+  js_build_mode = "debug"
+  deps = [
+    ":ace_ets_web_dev_js_assets",
+    ":ace_ets_web_dev_resources",
+  ]
+  ets2abc = true
+  certificate_profile = "signature/openharmony_sx.p7b"
+  hap_name = "ActsAceWebDevTest"
+}
+
+ohos_app_scope("ace_ets_web_dev_app_profile") {
+  app_profile = "AppScope/app.json"
+  sources = [ "AppScope/resources" ]
+}
+
+ohos_js_assets("ace_ets_web_dev_js_assets") {
+  source_dir = "entry/src/main/ets"
+}
+
+ohos_resources("ace_ets_web_dev_resources") {
+  sources = [ "entry/src/main/resources" ]
+  deps = [ ":ace_ets_web_dev_app_profile" ]
+  hap_profile = "entry/src/main/module.json"
+}

arkui/ace_ets_web_dev/Test.json

+{
+    "description": "Configuration for hjunit demo Tests",
+    "driver": {
+        "type": "OHJSUnitTest",
+        "test-timeout": "180000",
+        "bundle-name": "com.open.harmony.acewebtest",
+        "module-name": "phone",
+        "shell-timeout": "600000",
+        "testcase-timeout": 70000
+    },
+    "kits": [{
+        "test-file-name": [
+            "ActsAceWebDevTest.hap"
+        ],
+        "type": "AppInstallKit",
+        "cleanup-apps": true
+    }]
+}
\ No newline at end of file

arkui/ace_ets_web_dev/entry/src/main/ets/Application/AbilityStage.ts

+import AbilityStage from "@ohos.application.AbilityStage"
+
+export default class MyAbilityStage extends AbilityStage {
+    onCreate() {
+        console.log("[Demo] MyAbilityStage onCreate")
+        globalThis.stageOnCreateRun = 1;
+        globalThis.stageContext = this.context;
+    }
+}

arkui/ace_ets_web_dev/entry/src/main/ets/MainAbility/MainAbility.ts

+import Ability from '@ohos.application.Ability'
+
+export default class MainAbility extends Ability {
+    onCreate(want,launchParam){
+        // Ability is creating, initialize resources for this ability
+        console.log("[Demo] MainAbility onCreate")
+        globalThis.abilityWant = want;
+    }
+
+    onDestroy() {
+        // Ability is destroying, release resources for this ability
+        console.log("[Demo] MainAbility onDestroy")
+    }
+
+    onWindowStageCreate(windowStage) {
+        // Main window is created, set main page for this ability
+        console.log("[Demo] MainAbility onWindowStageCreate windowStage="+ windowStage)
+        globalThis.windowStage = windowStage
+        globalThis.abilityStorage = this.storage
+        globalThis.abilityContext = this.context
+        windowStage.setUIContent(this.context, "MainAbility/pages/web", null)
+    }
+
+    onWindowStageDestroy() {
+        //Main window is destroyed, release UI related resources
+        console.log("[Demo] MainAbility onWindowStageDestroy")
+    }
+
+    onForeground() {
+        // Ability has brought to foreground
+        console.log("[Demo] MainAbility onForeground")
+    }
+
+    onBackground() {
+        // Ability has back to background
+        console.log("[Demo] MainAbility onBackground")
+    }
+};
\ No newline at end of file

arkui/ace_ets_web_dev/entry/src/main/ets/MainAbility/pages/web.ets

+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import events_emitter from '@ohos.events.emitter';
+import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry';
+import { Hypium } from '@ohos/hypium';
+import testsuite from '../../test/List.test';
+import Utils from '../../test/Utils';
+
+let loadedUrl;
+@Entry
+@Component
+struct Index {
+    controller:WebController = new WebController()
+    @State str:string="emitUserAgent"
+    @State loadedResource:string=""
+    @State progress:string=""
+    @State newUrl:string=""
+    onPageShow(){
+        let valueChangeEvent={
+            eventId:10,
+            priority:events_emitter.EventPriority.LOW
+        }
+        events_emitter.on(valueChangeEvent,this.valueChangeCallBack)
+    }
+    private valueChangeCallBack=(eventData)=>{
+        console.info("web page valueChangeCallBack");
+        if(eventData != null){
+             console.info("valueChangeCallBack:"+   JSON.stringify(eventData));
+             if(eventData.data.ACTION != null){
+                 this.str = eventData.data.ACTION;
+             }
+        }
+    }
+    private jsObj={
+        test:(res)=>{
+            Utils.emitEvent(res,102);
+        },
+        toString:(str)=>{
+            console.info("ets toString:"+String(str));
+        }
+    }
+    aboutToAppear(){
+        let abilityDelegator: any
+        abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator()
+        let abilityDelegatorArguments: any
+        abilityDelegatorArguments = AbilityDelegatorRegistry.getArguments()
+        console.info('start run testcase!!!')
+        Hypium.hypiumTest(abilityDelegator, abilityDelegatorArguments, testsuite) 
+    }
+    build(){
+        Column(){
+            Web({src:$rawfile('index.html'),controller:this.controller})
+            .userAgent("Mozila/5.0 (Linux; Andriod 9; VRD-AL10; HMSCore 6.3.0.331) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.105 HuaweiBrowser/12.0.4.1 MobileSafari/537.36")
+            .javaScriptProxy({
+                object:this.jsObj,
+                name:"backToEts",
+                methodList:["test","toString"],
+                controller:this.controller
+            })
+            .onUrlLoadIntercept((event)=>{
+                console.info("onUrlLoadIntercept==>"+event.data)
+                loadedUrl=String(event.data)
+                return false
+            })
+            .onRenderExited((event)=>{
+                console.info("onRenderExited==>"+event.renderExitReason)
+                Utils.emitEvent(event.renderExitReason,106)
+            })
+            .onResourceLoad((event)=>{
+                console.info("onResourceLoad==>"+event.url)
+                this.loadedResource=event.url
+            })
+            .onProgressChange((event)=>{
+                console.info("onProgressChange==>")
+                this.progress=event.newProgress+""
+            })
+            .onRefreshAccessedHistory((event)=>{
+                console.info("onRefreshAccessedHistory==>")
+                this.newUrl=event.url
+            })
+            .onFocus(()=>{
+                Utils.emitEvent("requestFocus",126)
+            })
+            Row(){
+                Button("web click").key('webcomponent').onClick(()=>{
+                    console.info("key==>"+this.str)
+                    switch(this.str){
+                        case "emitUserAgent":{
+                            this.controller.runJavaScript({script:"getUserAgent()",callback:(res)=>{
+                                Utils.emitEvent(res,100)
+                            }})
+                            break;
+                        }
+                        case "emitJavaScriptProxy":{
+                            this.controller.runJavaScript({script:"test()"})
+                            break;
+                        }
+                        case "emitOnUrlLoadIntercept":{
+                            this.controller.loadUrl({url:"https://www.gitee.com/"})
+                            setTimeout(()=>{
+                                Utils.emitEvent(loadedUrl,104)
+                            },3000)
+                            break;
+                        }
+                        case "emitOnRenderExited":{
+                            this.controller.loadUrl({url:"chrome://crash/"})
+                            break;
+                        }
+                        case "emitOnResourceLoad":{
+                            this.controller.loadUrl({url:"file:///data/storage/el1/bundle/phone/resources/rawfile/second.html"})
+                            setTimeout(()=>{
+                                Utils.emitEvent(this.loadedResource,108)
+                            },3000)
+                            break;
+                        }
+                        case "emitLoadUrl":{
+                            this.controller.loadUrl({url:"https://www.gitee.com"})
+                            setTimeout(()=>{
+                                let webTitle=this.controller.getTitle()
+                                Utils.emitEvent(webTitle,110)
+                            },3000)
+                            break;
+                        }
+                        case "emitRunJavaScript":{
+                            this.controller.loadUrl({url:"file:///data/storage/el1/bundle/phone/resources/rawfile/index.html"})
+                            setTimeout(()=>{
+                                this.controller.runJavaScript({script:"testRunJavaScript()",callback:(res)=>{
+                                    Utils.emitEvent(res,112)
+                                }})
+                            },3000)
+                            break;
+                        }
+                        case "emitOnProgressChange":{
+                            this.controller.loadUrl({url:"https://www.gitee.com"})
+                            setTimeout(()=>{
+                                Utils.emitEvent(this.progress,114)
+                            },3000)
+                            break;
+                        }
+                        case "emitOnRefreshAccessedHistory":{
+                            this.controller.loadUrl({url:"file:///data/storage/el1/bundle/phone/resources/rawfile/second.html"})
+                            setTimeout(()=>{
+                                Utils.emitEvent(this.newUrl,116)
+                            },3000)
+                            break;
+                        }
+                        case "emitGetHitTest":{
+                            let hitType=JSON.stringify(this.controller.getHitTest())
+                            Utils.emitEvent(hitType,118)
+                            break;
+                        }
+                        case "emitGetWebId":{
+                            let webId=this.controller.getWebId()+""
+                            Utils.emitEvent(webId,120)
+                            break;
+                        }
+                        case "emitGetTitle":{
+                            this.controller.loadUrl({url:"file:///data/storage/el1/bundle/phone/resources/rawfile/index.html"})
+                            setTimeout(()=>{
+                                let webTitle=this.controller.getTitle()
+                                Utils.emitEvent(webTitle,122)
+                            },3000)
+                            break;
+                        }
+                        case "emitGetPageHeight":{
+                            this.controller.loadUrl({url:"file:///data/storage/el1/bundle/phone/resources/rawfile/index.html"})
+                            let webPageHeight=this.controller.getPageHeight()+""
+                            setTimeout(()=>{
+                                this.controller.runJavaScript({script:"getPageHeight()",callback:(res)=>{
+                                    Utils.emitEvent(webPageHeight==res,124)
+                                }})
+                            },3000)
+                            break;
+                        }
+                        case "emitGetRequestFocus":{
+                            this.controller.loadUrl({url:"file:///data/storage/el1/bundle/phone/resources/rawfile/second.html"})
+                            this.controller.requestFocus()
+                            break;
+                        }
+                        case "emitAccessBackward":{
+                            let isCan=this.controller.accessBackward()+""
+                            Utils.emitEvent(isCan,128)
+                            break;
+                        }
+                        case "emitAccessForward":{
+                            let isCan=this.controller.accessForward()+""
+                            Utils.emitEvent(isCan,130)
+                            break;
+                        }
+                        case "emitAccessStep":{
+                            let isCan=this.controller.accessStep(-1)+""
+                            Utils.emitEvent(isCan,132)
+                            break;
+                        }
+                        case "emitBackward":{
+                            this.controller.backward()
+                            setTimeout(()=>{
+                                let webTitle=this.controller.getTitle()
+                                Utils.emitEvent(webTitle,134)
+                            },3000)
+                            break;
+                        }
+                        case "emitForward":{
+                            this.controller.forward()
+                            setTimeout(()=>{
+                                let webTitle=this.controller.getTitle()
+                                Utils.emitEvent(webTitle,136)
+                            },3000)
+                            break;
+                        }
+                        case "emitBackOrForward":{
+                            this.controller.backOrForward(-1)
+                            setTimeout(()=>{
+                                let webTitle=this.controller.getTitle()
+                                Utils.emitEvent(webTitle,138)
+                            },3000)
+                            break;
+                        }
+                        default:
+                            console.info("can not match case")
+                    }
+                })
+            }
+        }
+    }
+}
\ No newline at end of file

arkui/ace_ets_web_dev/entry/src/main/ets/TestRunner/OpenHarmonyTestRunner.ts

+/*
+ * Copyright (c) 2022 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import TestRunner from '@ohos.application.testRunner'
+import AbilityDelegatorRegistry from '@ohos.application.abilityDelegatorRegistry'
+
+var abilityDelegator = undefined
+var abilityDelegatorArguments = undefined
+
+function translateParamsToString(parameters) {
+    const keySet = new Set([
+        '-s class', '-s notClass', '-s suite', '-s it',
+        '-s level', '-s testType', '-s size', '-s timeout',
+        '-s dryRun'
+    ])
+    let targetParams = '';
+    for (const key in parameters) {
+        if (keySet.has(key)) {
+            targetParams = `${targetParams} ${key} ${parameters[key]}`
+        }
+    }
+    return targetParams.trim()
+}
+
+async function onAbilityCreateCallback() {
+    console.log("onAbilityCreateCallback");
+}
+
+async function addAbilityMonitorCallback(err: any) {
+    console.info("addAbilityMonitorCallback : " + JSON.stringify(err))
+}
+
+export default class OpenHarmonyTestRunner implements TestRunner {
+    constructor() {
+    }
+
+    onPrepare() {
+        console.info("OpenHarmonyTestRunner OnPrepare ")
+    }
+
+    async onRun() {
+        console.log('OpenHarmonyTestRunner onRun run')
+        abilityDelegatorArguments = AbilityDelegatorRegistry.getArguments()
+        abilityDelegator = AbilityDelegatorRegistry.getAbilityDelegator()
+        var testAbilityName = abilityDelegatorArguments.bundleName + '.MainAbility'
+        let lMonitor = {
+            abilityName: testAbilityName,
+            onAbilityCreate: onAbilityCreateCallback,
+        };
+        abilityDelegator.addAbilityMonitor(lMonitor, addAbilityMonitorCallback)
+        var cmd = 'aa start -d 0 -a com.example.myapplication.MainAbility' + ' -b ' + abilityDelegatorArguments.bundleName
+        cmd += ' '+translateParamsToString(abilityDelegatorArguments.parameters)
+        var debug = abilityDelegatorArguments.parameters["-D"]
+        if (debug == 'true')
+        {
+            cmd += ' -D'
+        }
+        console.info('cmd : '+cmd)
+        abilityDelegator.executeShellCommand(cmd,
+            (err: any, d: any) => {
+                console.info('executeShellCommand : err : ' + JSON.stringify(err));
+                console.info('executeShellCommand : data : ' + d.stdResult);
+                console.info('executeShellCommand : data : ' + d.exitCode);
+            })
+        console.info('OpenHarmonyTestRunner onRun end')
+    }
+};
\ No newline at end of file

arkui/ace_ets_web_dev/entry/src/main/ets/test/List.test.ets

+/*
+ * Copyright (c) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import webJsunit from './WebJsunit.test'
+
+export default function testsuite() {
+       webJsunit()
+}
\ No newline at end of file

arkui/ace_ets_web_dev/entry/src/main/ets/test/Utils.ets

+/*
+ * Copyright (c) 2022 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import events_emitter from '@ohos.events.emitter';
+import { expect } from "@ohos/hypium";
+export default class Utils {
+    static sleep(time){
+        return new Promise((resolve,reject)=>{
+            setTimeout(()=>{
+                resolve()
+            },time)
+        }).then(()=>{
+            console.info(`sleep ${time} over...`)
+        })
+    }
+    static registerEvent(testCaseName,expectedValue,eventId,done){
+        console.info(`[${testCaseName}] START`);
+        try{
+            let callBack=(backData)=>{
+                console.info(`${testCaseName} get result is:`+JSON.stringify(backData));
+                expect(backData.data.ACTION).assertEqual(expectedValue);
+                console.info(`[${testCaseName}] END`);
+                done()
+            }
+            let innerEvent = {
+                eventId:eventId,
+                priority:events_emitter.EventPriority.LOW
+            }
+            events_emitter.on(innerEvent,callBack)
+        }catch(err){
+            console.info(`[${testCaseName}] err:`+JSON.stringify(err));
+        }
+    }
+    static emitEvent(actualValue,eventId){
+        try {
+            let backData = {
+                data: {
+                    "ACTION": actualValue
+                }
+            }
+            let backEvent = {
+                eventId:eventId,
+                priority:events_emitter.EventPriority.LOW
+            }
+            console.info("webFlag start to emit action state");
+            events_emitter.emit(backEvent, backData);
+      } catch (err) {
+            console.info("webFlag emit action state err: " + JSON.stringify(err));
+      }
+    }
+}
\ No newline at end of file

arkui/ace_ets_web_dev/entry/src/main/ets/test/WebJsunit.test.ets

+/*
+ * Copyright (c) 2022 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+// @ts-nocheck
+import { describe, beforeEach, afterEach, it, expect } from "@ohos/hypium";
+import events_emitter from '@ohos.events.emitter';
+import Utils from './Utils.ets';
+let emitKey = "emitUserAgent";
+export default function webJsunit() {
+  describe('ActsAceWebDevTest', function () {
+    beforeEach(async function () {
+      await Utils.sleep(2000);
+      console.info("web beforeEach start");
+      done();
+    })
+    afterEach(async function (done) {
+      console.info("web afterEach start:"+emitKey);
+      try {
+            let backData = {
+                data: {
+                    "ACTION": emitKey
+                }
+            }
+            let backEvent = {
+                eventId:10,
+                priority:events_emitter.EventPriority.LOW
+            }
+            console.info("start send emitKey");
+            events_emitter.emit(backEvent, backData);
+      } catch (err) {
+            console.info("emit emitKey  err: " + JSON.stringify(err));
+      }
+      await Utils.sleep(2000);
+      done();
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_001                                                                                                                                                                     
+     *tc.name userAgent                                                                                                                                                                                                                 
+     *tc.desic Sets the Web's user agent
+     */
+    it('userAgent',0,async function(done){
+      emitKey="emitJavaScriptProxy";
+      let userAgent="\"Mozila/5.0 (Linux; Andriod 9; VRD-AL10; HMSCore 6.3.0.331) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.105 HuaweiBrowser/12.0.4.1 MobileSafari/537.36\"";
+      Utils.registerEvent("",userAgent,100,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_002                                                                                                                                                                       
+     *tc.name javaScriptProxy                                                                                                                                                                                                                     *tc.desic Injects the JavaScript object into window and invoke the function in window
+     */
+    it('javaScriptProxy',0,async function(done){
+      emitKey="emitOnUrlLoadIntercept";
+      Utils.registerEvent("javaScriptProxy","backToEts",102,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_003                                                                                                                                                                       
+     *tc.name onUrlLoadIntercept                                                                                                                                                                                                                  *tc.desic Triggered when the URL loading is intercepted
+     */
+    it('onUrlLoadIntercept',0,async function(done){
+      emitKey="emitOnRenderExited";
+      Utils.registerEvent("onUrlLoadIntercept","https://www.gitee.com",104,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_004                                                                                                                                                                       
+     *tc.name onRenderExited                                                                                                                                                                                                                 
+     *tc.desic Triggered when the render process exits
+     */
+    it('onRenderExited',0,async function(done){
+      emitKey="emitOnResourceLoad";
+      Utils.registerEvent("onRenderExited",2,106,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_005                                                                                                                                                                       
+     *tc.name onResourceLoad                                                                                                                                                                                                                 
+     *tc.desic Triggered when the url loading
+     */
+    it('onResourceLoad',0,async function(done){
+      emitKey="emitLoadUrl";
+      Utils.registerEvent("onResourceLoad","file:///data/storage/el1/bundle/phone/resources/rawfile/second.html",108,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_006                                                                                                                                                                       
+     *tc.name loadUrl                                                                                                                                                                                                                 
+     *tc.desic Loads the given URL
+     */
+    it('loadUrl',0,async function(done){
+      emitKey="emitRunJavaScript";
+      Utils.registerEvent("loadUrl","基于Git的代码托管和研发协作平台--Gitee | Software Development and Collaboration Platform",110,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_007                                                                                                                                                                       
+     *tc.name runJavaScript                                                                                                                                                                                                                 
+     *tc.desic Loads a piece of code and execute JS code in the context of the currently displayed page
+     */
+    it('runJavaScript',0,async function(done){
+      emitKey="emitOnProgressChange";
+      Utils.registerEvent("runJavaScript","\"testRunJavaScript\"",112,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_008                                                                                                                                                                       
+     *tc.name onProgressChange                                                                                                                                                                                                                    *tc.desic Triggered when the page loading progress changes
+     */
+    it('onProgressChange',0,async function(done){
+      emitKey="emitOnRefreshAccessedHistory";
+      Utils.registerEvent("onProgressChange","100",114,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_009                                                                                                                                                                       
+     *tc.name onRefreshAccessedHistory                                                                                                                                                                                                            *tc.desic Triggered when the Web page refreshes accessed history
+     */
+    it('onRefreshAccessedHistory',0,async function(done){
+      emitKey="emitGetHitTest";
+      Utils.registerEvent("onRefreshAccessedHistory","file:///data/storage/el1/bundle/phone/resources/rawfile/second.html",116,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_010                                                                                                                                                                       
+     *tc.name getHitTest                                                                                                                                                                                                                 
+     *tc.desic Gets the type of HitTest
+     */
+    it('getHitTest',0,async function(done){
+      emitKey="emitGetWebId";
+      Utils.registerEvent("getHitTest","7",118,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_011                                                                                                                                                                       
+     *tc.name getWebId                                                                                                                                                                                                                 
+     *tc.desic Gets the id for the current Web
+     */
+    it('getWebId',0,async function(done){
+      emitKey="emitGetTitle";
+      Utils.registerEvent("getWebId","1",120,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_012                                                                                                                                                                       
+     *tc.name getTitle                                                                                                                                                                                                                 
+     *tc.desic Gets the title of current Web page
+     */
+    it('getTitle',0,async function(done){
+      emitKey="emitGetPageHeight";
+      Utils.registerEvent("getTitle","index",122,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_013                                                                                                                                                                       
+     *tc.name getPageHeight                                                                                                                                                                                                                 
+     *tc.desic Gets the content height of current Web page
+     */
+    it('getPageHeight',0,async function(done){
+      emitKey="emitGetRequestFocus";
+      Utils.registerEvent("getPageHeight","true",124,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_014                                                                                                                                                                       
+     *tc.name requestFocus                                                                                                                                                                                                                 
+     *tc.desic Gets the request focus
+     */
+    it('requestFocus',0,async function(done){
+      emitKey="emitAccessBackward";
+      Utils.registerEvent("requestFocus","requestFocus",126,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_015                                                                                                                                                                       
+     *tc.name accessBackward                                                                                                                                                                                                                 
+     *tc.desic Checks whether the web page can go back
+     */
+    it('accessBackward',0,async function(done){
+      emitKey="emitAccessForward";
+      Utils.registerEvent("accessBackward","true",128,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_016                                                                                                                                                                       
+     *tc.name accessForward                                                                                                                                                                                                                 
+     *tc.desic Checks whether the web page can go forward
+     */
+    it('accessForward',0,async function(done){
+      emitKey="emitAccessStep";
+      Utils.registerEvent("accessForward","false",130,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_017                                                                                                                                                                       
+     *tc.name accessStep                                                                                                                                                                                                                 
+     *tc.desic Checks whether the web page can go back or forward the given number of steps
+     */
+    it('accessStep',0,async function(done){
+      emitKey="emitBackward";
+      Utils.registerEvent("accessStep","true",132,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_018                                                                                                                                                                       
+     *tc.name backward                                                                                                                                                                                                                 
+     *tc.desic Goes back in the history of the web page
+     */
+    it('backward',0,async function(done){
+      emitKey="emitForward";
+      Utils.registerEvent("backward","index",134,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_019                                                                                                                                                                       
+     *tc.name forward                                                                                                                                                                                                                 
+     *tc.desic Goes forward in the history of the web page
+     */
+    it('forward',0,async function(done){
+      emitKey="emitBackOrForward";
+      Utils.registerEvent("forward","second",136,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+    /* 
+     *tc.number SUB_ACE_BASIC_ETS_API_020                                                                                                                                                                       
+     *tc.name backOrForward                                                                                                                                                                                                                 
+     *tc.desic Goes forward or back backOrForward in the history of the web page
+     */
+    it('backOrForward',0,async function(done){
+      emitKey="emitBackOrForward";
+      Utils.registerEvent("backOrForward","index",138,done);
+      sendEventByKey('webcomponent',10,'');
+    })
+  }
+}

arkui/ace_ets_web_dev/entry/src/main/module.json

+{
+    "module": {
+        "name": "phone",
+        "type": "entry",
+        "srcEntrance": "./ets/Application/AbilityStage.ts",
+        "description": "$string:phone_entry_dsc",
+        "mainElement": "MainAbility",
+        "deviceTypes": [
+            "phone"
+        ],
+        "deliveryWithInstall": true,
+        "installationFree": false,
+        "uiSyntax": "ets",
+        "pages": "$profile:main_pages",
+        "abilities": [{
+            "name": "com.example.myapplication.MainAbility",
+            "srcEntrance": "./ets/MainAbility/MainAbility.ts",
+            "description": "$string:phone_entry_main",
+            "icon": "$media:icon",
+            "label": "$string:entry_label",
+            "visible": true,
+            "orientation": "portrait",
+            "skills": [{
+                "actions": [
+                    "action.system.home"
+                ],
+                "entities": [
+                    "entity.system.home"
+                ]
+            }]
+        }],
+        "requestPermissions": [{
+                "name": "ohos.permission.SYSTEM_FLOAT_WINDOW",
+                "reason": "need use ohos.permission.SYSTEM_FLOAT_WINDOW"
+            },
+            {
+                "name": "ohos.permission.CAPTURE_SCREEN",
+                "reason": "need use ohos.permission.SYSTEM_FLOAT_WINDOW"
+            }
+        ]
+    }
+}
\ No newline at end of file

arkui/ace_ets_web_dev/entry/src/main/resources/base/element/string.json

+{
+    "string":  [
+        {
+            "name": "phone_entry_dsc",
+            "value": "i am an entry for phone"
+        },
+        {
+            "name": "phone_entry_main",
+            "value": "the phone entry ability"
+        },
+        {
+            "name": "entry_label",
+            "value": "ActsContextTest"
+        },
+        {
+            "name": "form_description",
+            "value": "my form"
+        },
+        {
+            "name": "serviceability_description",
+            "value": "my whether"
+        },
+        {
+            "name": "description_application",
+            "value": "demo for test"
+        },
+        {
+            "name": "app_name",
+            "value": "Demo"
+        }
+    ]
+}

arkui/ace_ets_web_dev/entry/src/main/resources/base/profile/main_pages.json

+{
+    "src": [
+        "MainAbility/pages/web"
+    ]
+}
\ No newline at end of file

arkui/ace_ets_web_dev/entry/src/main/resources/rawfile/index.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>index</title>
+</head>
+<body>
+    <div id="container">首页</div>
+</body>
+<script>
+    function getUserAgent(){
+        return navigator.userAgent
+    }
+    function test(){
+        backToEts.test("backToEts")
+    }
+    function testRunJavaScript(){
+        return "testRunJavaScript"
+    }
+    function getPageHeight(){
+        let height=document.body.scrollHeight
+        return height
+    }
+</script>
+</html>
\ No newline at end of file

arkui/ace_ets_web_dev/entry/src/main/resources/rawfile/second.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>second</title>
+</head>
+<body>
+    <div>second pages</div>
+</body>
+</html>
\ No newline at end of file