获取XHR响应（网络流量）并在Katalon Studio中进行解析

Question

如何阅读XHR响应并在Katalon Studio中解析？

我目前使用一种变通方法来测试我的应用程序的响应能力：我使用各种waitForElement_*_()（*
=可见，可点击，当前，不可见，不可点击，不存在）命令来衡量各种元素的加载时间。

我想更具体一点，并衡量网络请求的持续时间（可以在DevTools中看到-网络流量）。

能做到吗

Answer 1

在Katalon 7中以及与Chrome DevTools Protocol
Integration插件配合使用
，如此处所述，您可以拦截网络请求。

以下示例显示了如何在Wikipedia中模拟搜索请求，以便结果始终为“ Katalon Studio”。

import static com.kms.katalon.core.testobject.ObjectRepository.findTestObject
import com.github.kklisura.cdt.protocol.commands.Fetch as Fetch
import com.github.kklisura.cdt.protocol.commands.Page as Page
import com.github.kklisura.cdt.services.ChromeDevToolsService as ChromeDevToolsService
import com.katalon.cdp.CdpUtils as CdpUtils
import com.kms.katalon.core.util.internal.Base64 as Base64
import com.kms.katalon.core.webui.keyword.WebUiBuiltInKeywords as WebUI
import com.kms.katalon.core.testobject.ConditionType
import com.kms.katalon.core.testobject.TestObject as TestObject

WebUI.openBrowser('')
ChromeDevToolsService cdts = CdpUtils.getService()
Page page = cdts.getPage()
Fetch fetch = cdts.getFetch()
fetch.onRequestPaused({ def requestIntercepted ->
    String interceptionId = requestIntercepted.getRequestId()
    String url = requestIntercepted.getRequest().getUrl()
    boolean isMocked = url.contains('api.php')
    String response = '["Katalon Studio",["Katalon Studio"],["Katalon Studio is an automation testing solution developed by Katalon LLC."],["https://en.wikipedia.org/wiki/Katalon_Studio"]]'
    String rawResponse = Base64.encode(response)
    System.out.printf('%s - %s%s', isMocked ? 'MOCKED' : 'CONTINUE', url, System.lineSeparator())
    if (isMocked) {
        fetch.fulfillRequest(interceptionId, 200, new ArrayList(), rawResponse, null)
    } else {
        fetch.continueRequest(interceptionId)
    }
})

fetch.enable()
page.enable()
WebUI.navigateToUrl('https://en.wikipedia.org/wiki/Main_Page')
TestObject searchInput = new TestObject().addProperty('css', ConditionType.EQUALS, '#searchInput')
TestObject containing = new TestObject().addProperty('xpath', ConditionType.EQUALS, "//div[div[contains(.,'containing...')]]")
WebUI.setText(searchInput, 'Intercept request')
WebUI.waitForElementVisible(containing, 10)

笔记：

Katalon论坛上的原始文章：https ://forum.katalon.com/t/intercepting-request-
with-chrome-devtools-protocol/36081 。

本主题中使用的示例项目：https : //github.com/katalon-studio-
samples/katalon-studio-chrome-devtools-protocol-plugin-
samples。

该插件使用https://github.com/kklisura/chrome-devtools-java-
client连接到CDP。