☰

Hide successful pipeline steps

Hide successful pipeline steps in Jenkins to allow effortless navigation to interesting failures.

当前为 2024-06-08 提交的版本，查看 最新版本。

// ==UserScript==
// @name     Hide successful pipeline steps
// @version  3
// @grant    none
// @match https://jenkins-itest.spirenteng.com/jenkins*/job/*/flowGraphTable/
// @match https://ci.eclipse.org/*/job/*/flowGraphTable/
// @namespace basilevs
// @description Hide successful pipeline steps in Jenkins to allow effortless navigation to interesting failures.
// ==/UserScript==


//icon-blue

function log() {
  console.log(...arguments);
}

function getParents(elem) {
  var parents = [];
  while(elem.parentNode && elem.parentNode.nodeName.toLowerCase() != 'body') {
    elem = elem.parentNode;
    parents.push(elem);
  }
  return parents;
}

function getPadding(row) {
  let result = row.padding;
  if (result) {
    return result;
  }
  const td = document.evaluate('td[1]', row, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE).snapshotItem(0);
  let text =  window.getComputedStyle(td, null).getPropertyValue('padding-left');
  return row.padding = parseFloat(text);
}

function scan() {	
  const toHide = new Set();
  const rows = document.evaluate('//div[@id="nodeGraph"]/table/tbody/tr', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE);
  const path = [];
  
  let i = 0;
  while (row = rows.snapshotItem(i++)) {
    let newPadding = getPadding(row);
    while (path.length) {
	    let oldPadding = path.length == 0 ? 0 : getPadding(path.at(-1));
      if (oldPadding >= newPadding) {
        path.pop();
      } else {
        break;
      }
    }
    path.push(row);
    
    let success = document.evaluate('td/div/span[contains(@class, "icon-blue ")]', row, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE).snapshotLength > 0;
    log({path, success});
    if (success) {
      toHide.add(row);
    } else {
      path.forEach(parent => toHide.delete(parent));                              
		}
  }
  
	toHide.forEach(element => {
    element.classList.add('success');
  });
}

const observer = new MutationObserver(() => {
  scan();
});

observer.observe(document.querySelector("#main-panel"), {
  subtree: false,
  childList: true,
});

scan();

const someStyle = `
<style>
	tr.success {display: none }
</style>
`;

document.head.insertAdjacentHTML('beforeend', someStyle);