范围报告 - 折叠父节点看不到子节点

如何解决范围报告 - 折叠父节点看不到子节点

所以我刚刚在测试框架中添加了 Extent Reports（4.0.6 版），一切看起来都很棒，但是我尝试做的只有一件事，我不知道是不是甚至可能..

所以基本上，我知道你可以做到这一点（逻辑不准确）：

extentNode = extentTest.createNode(TestStep1);
reportExtentNode2 = extentNode.createNode(childParam1);
reportExtentNode2 = extentNode.createNode(childParam2);
reportExtentNode2 = extentNode.createNode(childParam3);

看起来像这样：

-Test Step 1
 --Child Node 1
 --Child Node 2
 --Child Node 3

-Test Step 2
 --Child Node 1
 --Child Node 2

这个布局很棒，但我不想看到子节点，除非我点击父节点..

-Test Step 1 (3 x Child Nodes hidden)
-Test Step 2 (2 x Child Nodes hidden)

看起来它可以完成（有点）如果我编辑文件的 HTML（我认为它是 HTML 部分）..但我希望能够得到它正确而无需像那样编辑文件..

解决方法

我认为以下代码段应该可以工作（使用 4.0.9 测试）：

$('.detail-head').next().find('.accordion > .card').find('.accordion').hide();
$(document).ready(function() {
  $('.card-header').click(function() {
    $(this).siblings('.accordion').toggle()
  });
});

为了执行它，您需要使用 ExtentSparkReporter 或 ExtentHtmlReporter 的实例并调用 reporter.config().setJS(yourSnippet)

,

这是可能的，下面是一个适用于最新版本 5 的带有鼠标悬停/鼠标移出（可以更改为单击）的代码段：

$('.test-item').click(function() {
  $('.detail-head + div > .accordion').find('.accordion').addClass('d-none');
});

$('.test-content-detail').mouseover(function(evt) {
  var t = $(evt.target);
  if (t.is('.detail-head + div > .accordion > .card') || t.is('.detail-head + div > .accordion > .card > .card-header')) {
    $(this).find('.accordion').removeClass('d-none');
  }
})

$('.test-content-detail').mouseout(function(evt) {
  var t = $(evt.target);
  if (t.is('.detail-head + div > .accordion > .card')) {
    $('.detail-head + div > .accordion').find('.accordion').addClass('d-none');
  }
})

注意：以上不是现成的解决方案，但可以进一步定制以构建此行为。