perf: lazy load of images in HTML report for retries

kvmamich · kvmamich · commit 754368a632b8 · 2017-05-03T13:58:44.000+03:00
diff --git a/lib/reporters/html/static/report.js b/lib/reporters/html/static/report.js
@@ -9,7 +9,7 @@
         Clipboard = require('clipboard');
 
     function expandAll() {
-        loadLazyImages(document, '.section_collapsed img');
+        loadLazyImages(document, '.section_collapsed .tab__item_active img');
         forEach.call(sections, function(section) {
             section.classList.remove('section_collapsed');
         });
@@ -22,8 +22,8 @@
     }
 
     function expandErrors() {
-        loadLazyImages(document, '.section_status_fail > .section__body > .image-box img');
-        loadLazyImages(document, '.section_status_warning > .section__body > .image-box img');
+        loadLazyImages(document, '.section_status_fail > .section__body > .image-box .tab__item_active img');
+        loadLazyImages(document, '.section_status_warning > .section__body > .image-box .tab__item_active img');
         forEach.call(sections, function(section) {
             if (section.classList.contains('section_status_fail') ||
                 section.classList.contains('section_status_warning')) {
@@ -35,7 +35,7 @@
     }
 
     function expandRetries() {
-        loadLazyImages(document, '.has-retries > .section__body > .image-box img');
+        loadLazyImages(document, '.has-retries > .section__body > .image-box .tab__item_active img');
         forEach.call(sections, function(section) {
             if (section.classList.contains('has-retries')) {
                 section.classList.remove('section_collapsed');
@@ -66,6 +66,7 @@
 
         switch_(imageBox.querySelector('.tab'), 'tab__item_active');
         switch_(imageBox.querySelector('.tab-switcher'), 'tab-switcher__button_active');
+        loadLazyImages(imageBox, '.tab__item_active img');
 
         function switch_(elem, selector) {
             forEach.call(elem.children, function(item) {
@@ -190,7 +191,7 @@
 
         forEach.call(document.querySelectorAll('.section'), function(section) {
             section.querySelector('.section__title').addEventListener('click', function() {
-                loadLazyImages(section, ':scope > .section__body > .image-box img');
+                loadLazyImages(section, ':scope > .section__body > .image-box .tab__item_active img');
                 section.classList.toggle('section_collapsed');
             });
         });
