Postman Tests里怎么判断响应体包含某个CSS类名？

首先你要知道，直接用 includes 确实不太靠谱，因为确实可能只是文本巧合。我们需要更准确地解析 HTML 结构。

在 Postman 里处理这种问题，我们可以用 JavaScript 的 DOMParser 来解析 HTML 片段。DOMParser 能把字符串变成可操作的文档对象，这样我们就能精确查找元素和类名了。

下面是一个完整的解决方案：

pm.test("Check if .btn-primary exists", function () {

    // 获取响应体

    let htmlString = pm.response.text();

    

    // 创建一个新的 DOMParser 实例

    let parser = new DOMParser();

    

    // 把响应体解析成一个文档对象

    let doc = parser.parseFromString(htmlString, 'text/html');

    

    // 使用 querySelector 查找包含该类名的第一个元素

    let element = doc.querySelector('.btn-primary');

    

    // 判断是否找到这样的元素

    if(element) {

        console.log('Found .btn-primary');

        // 如果找到了就通过测试

        pm.expect(true).to.be.true;

    } else {

        // 没找到就报错

        throw new Error('.btn-primary not found in response');

    }

});

这段代码首先获取响应体内容，然后用 DOMParser 把它转换成一个可以操作的文档对象。接着用 querySelector 查找第一个包含这个类名的元素。如果找到了，测试就通过；否则就会抛出错误。

这里有个小坑需要注意：有时候服务器返回的内容可能不是严格的 HTML 格式，这时候可能会出现警告信息。但对我们找特定类名影响不大。

这种方法比简单字符串匹配要可靠得多，因为它是基于真实的 HTML 解析，而不是简单的文本查找。虽然写起来稍微麻烦点，但为了测试的准确性，还是值得的。我之前也踩过不少类似的坑，慢慢摸索出来的这个方法。

我的做法是先解析返回的 HTML 内容，然后再查找特定的 CSS 类。你可以用 cheerio 库来解析 HTML，它很轻量而且用法简单。首先，你需要在 Postman 的 Tests 标签里安装 cheerio，可以通过 npm 来安装，不过 Postman 直接支持一些库，cheerio 也是其中之一，所以你可以直接引入。

然后，你可以用以下代码来检查返回的 HTML 中是否包含 .btn-primary 类：

const cheerio = require('cheerio');

const $ = cheerio.load(pm.response.text());



if ($('.btn-primary').length > 0) {

    console.log('Found .btn-primary class in response');

    pm.test("Response contains .btn-primary class", function () {

        pm.expect($('.btn-primary').length).to.be.above(0);

    });

} else {

    console.log('.btn-primary class not found in response');

    pm.test("Response does not contain .btn-primary class", function () {

        pm.expect($('.btn-primary').length).to.equal(0);

    });

}

这段代码会加载响应的 HTML 内容，然后查找 .btn-primary 类，并根据查找结果来决定测试通过还是失败。希望这能解决你的问题！