Angular 角度上的可视化回归测试（如何动态引导组件？）_Angular_Backstop.js

Angular 角度上的可视化回归测试（如何动态引导组件？）

angular

Angular 角度上的可视化回归测试（如何动态引导组件？）,angular,backstop.js,Angular,Backstop.js,我有一个应用程序，我目前使用BackstopJS对AngularJS指令进行可视化回归测试，我们现在正在迁移到Angular 6，我想为Angular 6组件创建一个等效的可视化回归测试机制在我们当前的结构中，典型的测试用例如下：  <!DOCTYPE html> <html> <head> <script type="text/javascript&quo

我有一个应用程序，我目前使用BackstopJS对AngularJS指令进行可视化回归测试，我们现在正在迁移到Angular 6，我想为Angular 6组件创建一个等效的可视化回归测试机制

在我们当前的结构中，典型的测试用例如下：

<!--piechart-test.html-->
<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="angular.min.js"></script>
    </head>
    <body>
        <div ng-app="myapp" ng-controller="TestController">
            <piechart-widget properties="properties"></piechart-widget>
        </div>

        <script>
            var app = angular.module("myapp", []);
            app.controller("TestController", function ($scope, $timeout) {
                $scope.properties = [/*Test data goes here*/];
            });
        </script>
        <script type="text/javascript" src="myAppScripts.js"></script>
    </body>
</html>


var-app=angular.module（“myapp”，[]）；
app.controller（“TestController”，函数（$scope，$timeout）{
$scope.properties=[/*此处显示测试数据*/]；
});

BackstopJS将打开这个html，打印它并与引用进行比较

我的目标是创建一个类似于下面代码的测试模板，但我很难弄清楚如何在测试中引导组件：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="../../Scripts/Angular2-Components/runtime.js"></script>
    <script type="text/javascript" src="../../Scripts/Angular2-Components/polyfills.js"></script>
    <script type="text/javascript" src="../../Scripts/Angular2-Components/styles.js"></script>
    <script type="text/javascript" src="../../Scripts/Angular2-Components/vendor.js"></script>
    <script type="text/javascript" src="../../Scripts/Angular2-Components/main.js"></script>
    <script>
        //How do I bootstrap my-component here, and can I pass data into it? 
    </script>
</head>
<body>
    <my-component></my-component>
</body>
</html>


//我如何在这里引导我的组件，我可以将数据传递到它吗？