如何验证从Chrome控制台获取的Data Layer？能否使用断言？

我用以下Java代码通过JavascriptExecutor从Chrome控制台获取Data Layer：

public void datalayer(String data[]) {  
        JavascriptExecutor executor = (JavascriptExecutor)driver;
        ArrayList<Map<String, List<String>>> datalist = new ArrayList<>();

        //Execute google tag manage in the console using javascript executor to fetch values       
        datalist =  (ArrayList<Map<String, List<String>>>) executor.executeScript("return dataLayer");
        
        // Parse through GTM arrayList  
        for(int a=0; a < datalist.size(); a++) {
            for (String key : datalist.get(a).keySet()) {
                System.out.println(key + "      " + datalist.get(a).get(key));

            }
        }

Data Layer输出示例如下：

OnetrustActiveGroups      ,1,2,4,0_225614,0_225613,0_225612,
event      OneTrustLoaded
gtm.uniqueEventId      1
OptanonActiveGroups      ,1,2,4,0_225614,0_225613,0_225612,
event      OptanonLoaded
gtm.uniqueEventId      5
event      gtm.js
gtm.start      1666028572529
gtm.uniqueEventId      7
event      gtm.dom
gtm.uniqueEventId      9
event      dl-ready
gtm.uniqueEventId      11
page      {attributes={country=united-states-of-america, platform=aem, referringurl=not authored, uri=http://tccc-prod-nagbrands-us-surge-en.tccc-aem.com/home}, category={beverage=surge, campaign=not authored, content=/, flavor=not authored, pageType=homepage, primaryCategory=homepage, subCategory=homepage}, pageInfo={language=en, pageName=surge soda is back | surge}}
system      {attributes={baseurl=https://www.surge.com, businessunit=united-states, environment=must-set-per-environment, geounit=ccna, language=en, productiondate=not authored, siteplatform=aem, siteplatformversion=6.4}}
user      {profile={attributes={isLoggedIn=false}, profileInfo={sessionUUID=}}}
version      1.0
event      OneTrustGroupsUpdated
gtm.uniqueEventId      19
event      gtm.load
gtm.uniqueEventId      21
event      gtm.linkClick
eventCallback      {}
eventTimeout      2000
gtm.element      [org.openqa.selenium.remote.RemoteWebElement@2dcdcb78 -> unknown locator]
gtm.elementClasses      nav-icons__link nav__social-icons--twitter
gtm.elementId      
gtm.elementTarget      _blank
gtm.elementUrl      https://twitter.com/SURGE
gtm.triggers      6802053_14
gtm.uniqueEventId      23
attributes     {origin=aem, region=header, subCategory=twitter}
event      anchor-click
eventInfo      {category=anchor, eventAction=click, eventName=follow surge on twitter, linkName=follow surge on twitter, value=not authored}
gtm.uniqueEventId      25

我只需要验证其中最后三个键值对——attributes、event、eventInfo，请问该如何验证这个Data Layer？能不能用断言实现？如果可以，具体操作方式是什么？

完全可以用断言实现验证，核心思路是从Data Layer中定位到包含目标键值对的对象，提取对应值后做断言匹配。

步骤1：修正Data Layer类型转换（原代码存在类型兼容问题） #

原代码把dataLayer强制转换成ArrayList<Map<String, List<String>>>不准确，因为dataLayer中的值可能是字符串、嵌套Map等多种类型，建议用List<Map<String, Object>>接收，避免类型转换异常：

public void validateDatalayerTargetFields() {  
    JavascriptExecutor executor = (JavascriptExecutor) driver;
    // 用List<Map<String, Object>>接收，兼容多种数据类型
    List<Map<String, Object>> dataLayer = (List<Map<String, Object>>) executor.executeScript("return dataLayer");
    
    // 遍历Data Layer，定位包含三个目标键的对象（取最后一个匹配的，对应输出示例里的目标组）
    Map<String, Object> targetEventObj = null;
    for (Map<String, Object> obj : dataLayer) {
        if (obj.containsKey("event") && obj.containsKey("attributes") && obj.containsKey("eventInfo")) {
            targetEventObj = obj;
        }
    }
    
    // 先断言目标对象存在，避免后续空指针
    assert targetEventObj != null : "未找到包含attributes、event、eventInfo的Data Layer对象";
    
    // 提取各字段值并执行断言
    // 验证event值
    String actualEvent = (String) targetEventObj.get("event");
    assert actualEvent.equals("anchor-click") : "event值不匹配，预期：anchor-click，实际：" + actualEvent;
    
    // 验证attributes嵌套字段
    Map<String, String> actualAttributes = (Map<String, String>) targetEventObj.get("attributes");
    assert actualAttributes.get("origin").equals("aem") : "attributes.origin值不匹配，预期：aem，实际：" + actualAttributes.get("origin");
    assert actualAttributes.get("region").equals("header") : "attributes.region值不匹配，预期：header，实际：" + actualAttributes.get("region");
    assert actualAttributes.get("subCategory").equals("twitter") : "attributes.subCategory值不匹配，预期：twitter，实际：" + actualAttributes.get("subCategory");
    
    // 验证eventInfo嵌套字段
    Map<String, String> actualEventInfo = (Map<String, String>) targetEventObj.get("eventInfo");
    assert actualEventInfo.get("category").equals("anchor") : "eventInfo.category值不匹配，预期：anchor，实际：" + actualEventInfo.get("category");
    assert actualEventInfo.get("eventAction").equals("click") : "eventInfo.eventAction值不匹配，预期：click，实际：" + actualEventInfo.get("eventAction");
    assert actualEventInfo.get("eventName").equals("follow surge on twitter") : "eventInfo.eventName值不匹配，预期：follow surge on twitter，实际：" + actualEventInfo.get("eventName");
}

步骤2：用TestNG/JUnit断言替代原生assert（测试场景更友好） #

如果是在自动化测试框架中，建议用TestNG或JUnit的断言类，它们会生成更清晰的失败报告，比如TestNG的Assert类：

import org.testng.Assert;

public void validateDatalayerWithTestNG() {  
    JavascriptExecutor executor = (JavascriptExecutor) driver;
    List<Map<String, Object>> dataLayer = (List<Map<String, Object>>) executor.executeScript("return dataLayer");
    
    Map<String, Object> targetEventObj = null;
    for (Map<String, Object> obj : dataLayer) {
        // 精准定位event为anchor-click的对象
        if (obj.containsKey("event") && obj.get("event").equals("anchor-click")) {
            targetEventObj = obj;
            break; // 找到目标后直接跳出循环
        }
    }
    
    // 断言目标对象存在
    Assert.assertNotNull(targetEventObj, "未找到event为anchor-click的Data Layer对象");
    
    // 验证event字段
    String actualEvent = (String) targetEventObj.get("event");
    Assert.assertEquals(actualEvent, "anchor-click", "event字段值不匹配");
    
    // 验证attributes字段
    Map<String, String> actualAttributes = (Map<String, String>) targetEventObj.get("attributes");
    Assert.assertEquals(actualAttributes.get("origin"), "aem", "attributes.origin值不匹配");
    Assert.assertEquals(actualAttributes.get("region"), "header", "attributes.region值不匹配");
    Assert.assertEquals(actualAttributes.get("subCategory"), "twitter", "attributes.subCategory值不匹配");
    
    // 验证eventInfo字段
    Map<String, String> actualEventInfo = (Map<String, String>) targetEventObj.get("eventInfo");
    Assert.assertEquals(actualEventInfo.get("category"), "anchor", "eventInfo.category值不匹配");
    Assert.assertEquals(actualEventInfo.get("eventAction"), "click", "eventInfo.eventAction值不匹配");
    Assert.assertEquals(actualEventInfo.get("eventName"), "follow surge on twitter", "eventInfo.eventName值不匹配");
}

关键注意点 #

• 遍历Data Layer时，若需要精准定位目标对象，可以在判断条件中加入obj.get("event").equals("anchor-click")，避免匹配到其他同名键的对象。
• 处理嵌套Map时，要确保类型转换正确，比如attributes和eventInfo都是Map类型，需强制转换后再提取子字段。
• 断言可以覆盖两个核心维度：目标对象是否存在、字段值是否符合预期，确保Data Layer输出符合业务要求。

内容的提问来源于stack exchange，提问作者Ragav