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

Question

所以我刚刚将范围报告（版本 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 部分），它看起来可以完成（有点）。但我希望能够得到它正确，而不必像那样编辑文件..

Answer 1

我认为以下 sn-p 应该可以工作（用 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)

Answer 2

有可能，下面是一个sn-p，它适用于带有mouseover/mouseout的最新版本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');
  }
})

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