SAPUI5 Walkthrough Step 29: Integration Test with OPA

Step 29: Integration Test with OPA

集成测试

测试Step 16中，打开Hello对话框功能。

 

新建文件 webapp/test/integration/NavigationJourney.js 

/*global QUnit, opaTest*/
sap.ui.define([
    "sap/ui/demo/walkthrough/localService/mockserver",
    "sap/ui/test/opaQunit",
    "./pages/App"
], function (mockserver) {
    "use strict";
    QUnit.module("Navigation");
    opaTest("Should open the Hello dialog", function (Given, When, Then) {
        // initialize the mock server
        mockserver.init();
        // Arrangements
        Given.iStartMyUIComponent({
            componentConfig: {
                name: "sap.ui.demo.walkthrough"
            }
        });
        //Actions
        When.onTheAppPage.iPressTheSayHelloWithDialogButton();
        // Assertions
        Then.onTheAppPage.iShouldSeeTheHelloDialog();
        // Cleanup
        Then.iTeardownMyApp();
    });
});

 

新建文件webapp/test/integration/pages/App.js

sap.ui.define([
    "sap/ui/test/Opa5",
    "sap/ui/test/actions/Press"
], function(Opa5, Press) {
    "use strict";
    var sViewName = "sap.ui.demo.walkthrough.view.HelloPanel";
    Opa5.createPageObjects({
        onTheAppPage: {
            actions: {
                iPressTheSayHelloWithDialogButton: function() {
                    return this.waitFor({
                        id: "helloDialogButton",
                        viewName: sViewName,
                        actions: new Press(),
                        errorMessage: "Did not find the 'Say Hello With Dialog' button on the HelloPanel view"
                    });
                }
            },
            assertions: {
                iShouldSeeTheHelloDialog: function() {
                    return this.waitFor({
                        controlType: "sap.m.Dialog",
                        success: function() {
                            // we set the view busy, so we need to query the parent of the app
                            Opa5.assert.ok(true, "The dialog is open");
                        },
                        errorMessage: "Did not find the dialog control"
                    });
                }
            }
        }
    });
});

 


新建文件webapp/test/integration/opaTests.qunit.html

<!DOCTYPE html>
<html>
<head>
    <title>Integration tests for SAPUI5 Walkthrough</title>
    <meta charset="utf-8">
    <script
        id="sap-ui-bootstrap"
        src="https://sapui5.hana.ondemand.com/1.92.1/resources/sap-ui-core.js"
        data-sap-ui-theme="sap_belize"
        data-sap-ui-resourceroots='{
            "sap.ui.demo.walkthrough": "../../"
        }'
        data-sap-ui-animation="false"
        data-sap-ui-compatVersion="edge"
        data-sap-ui-async="true">
    </script>
    <link rel="stylesheet" type="text/css" href="https://openui5.hana.ondemand.com/resources/sap/ui/thirdparty/qunit-2.css">
    <script src="https://openui5.hana.ondemand.com/resources/sap/ui/thirdparty/qunit-2.js"></script>
    <script src="https://openui5.hana.ondemand.com/resources/sap/ui/qunit/qunit-junit.js"></script>
    <script src="opaTests.qunit.js"></script>
</head>
<body>
    <div id="qunit"></div>
    <div id="qunit-fixture"></div>
</body>
</html>

 


新建文件webapp/test/integration/opaTests.qunit.js

/* global QUnit */
QUnit.config.autostart = false;

sap.ui.getCore().attachInit(function () {
    "use strict";
    sap.ui.require([
        "sap/ui/demo/walkthrough/test/integration/NavigationJourney"
    ], function () {
        QUnit.start();
    });
});

 

执行结果

 

posted @ 2021-08-08 13:03  客于溟  阅读(89)  评论(0)    收藏  举报