如何使用嵌入式页面执行测试页面（jMeter / angular）

Question

我正在尝试对使用 angularjs 的页面进行 jMeter 测试。问题是主页只是一个组合了其他几个页面的容器。

不知道怎么解释，但是页面的来源是这样的：

<div ng-if="isAuthenticated() && !isTokenRequest">
    <nav id="navBarId" class="row main" ng-include="'App/Views/Shared/navbar.html'" ng-show="showNavbar"></nav>
    <nav id="navSettingsId" class="row main" ng-include="'App/Views/Shared/settingsnavbar.html'" ng-show="showSettingsNavbar"></nav>
    <main id="mainQueryListId" class="row" ng-include="'App/Views/QueryList/QueryList.html'" ng-show="showQueryListTab"></main>
    <main id="mainQueryBuilderId" class="row" ng-include="'App/Views/QueryBuilder/QueryBuilder.html'" ng-show="showQueryBuilderTab"></main>
    <main id="mainDataCardId" class="row" ng-include="'App/Views/DataCard/DataCard.html'" ng-show="showDataCardTab"></main>
    <main id="mainHomeId" class="row" ng-include="'App/Views/Home/Home.html'" ng-show="showTestPageTab"></main>
    <main id="mainBackgroundQueryListId" class="row" ng-include="'App/Views/BackgroundQuery/BackgroundQueryList.html'" ng-show="showBackgroundQueryListTab"></main>
    <main id="mainUsersId" class="row" ng-include="'App/Views/Settings/Users.html'" ng-show="showUsersManagementTab"></main>
    <main id="mainAppSettingsId" class="row" ng-include="'App/Views/Settings/AppSettings.html'" ng-show="showAppSettingsManagementTab"></main>
    <main id="mainAccessDeniedId" class="row" ng-include="'App/Views/Shared/AccessDenied.html'" ng-show="showAccessDenied"></main>
</div>

当我运行录制的场景时，一切都像闪电一样运行，因为 jMeter 验证的唯一页面是主页，它不会加载实际页面。如何让 jMeter 加载所有内容？

Answer 1

至少有 3 个选项：

1. 使用 JMeter 的 HTTP(S) Test Script Recorder 记录所有这些请求，重放它们，单独收集和分析指标
2. 使用Transaction Controller 将请求合并到一个事务中，查看一起执行需要多长时间
3. 更接近地模拟 AJAX 行为，即一个主 HTTP 请求触发 10 个并行子请求。不幸的是，没有合适的测试元素或插件，您必须开发自己的实现，请参阅How to Load Test AJAX/XHR Enabled Sites With JMeter 指南了解更多详细信息和一些示例