如何使用javascript自动化测试更改javascript文件中的URL

Question

我试图在自动化测试中修改javascript文件中的URL。 这是我可以指向服务的存根版本。 我用于测试的框架是Serenity-js（使用量角器）

在我的HTML DOM中，我有：

<script type="text/javascript" src="main.js"></script>

main.js

var DataService = (function () {
    function DataService(http) {
        this.http = http;
    }
    DataService.prototype.getStudentDetails = function (id) {
        var parcel = this.http
            .get('http://127.0.0.1/endpoint/' + id)
            .map(function (res) {
            return __WEBPACK_IMPORTED_MODULE_2__student_model__["a"].createStudent(res.json());
        });
        return student;
    };
    return DataService;
}());

我需要更改的部分是127.0.0.1/endpoint

我知道我使用$.document.write或$().append冷却更改HTML DOM，但不知道如何更改/覆盖DOM元素。

Answer 1

这很简单，但有很多方法可以做到这一点！

1. 作为运行测试之前的设置阶段的一部分，您可以使用sed或awk脚本预处理main.js文件，并将所有出现的127...字符串替换为其他内容。
2. 更改生产系统中的代码以从包含所有url端点的配置变量中读取。 然后，您可以在测试脚本中更改该对象。
3. 使用您的测试脚本将该函数替换为其他内容。 这是@alok在评论中建议的，但是注释缺少prototype ，并且该方法也应该没有被调用，所以代码看起来应该是这样的：

＃3的例子：

 const newFnString = DataService.prototype.getStudentDetails.toString()
                         .replace("127.0.0.1", "something.com");
 DataService.prototype.getStudentDetails = new Function(newFnString);

当然，您可以用任何给定的函数替换DataService.prototype.getStudentDetails ，因为您可以完全控制它（除非它隐藏在闭包中）。

PS试图通过更难以篡改javascript来保护您的系统只是通过默默无闻的安全 - 这不是真的。 任何攻击者无论如何都可以只读取网络请求，并以curl或Postman重放它们。