I am trying to select li element li class="test fail along with its parent element containing head <h1>/POST apply valid request with externalResumeID</h1>
I am able to select it using
`const ulerrorlist = fragment.querySelectorAll(".fail");
but how can i select the parent element which contains heading also
const jsdom = require("jsdom");
const { JSDOM } = jsdom;
var res = `<html>
<head>
</head>
<body>
<div id="mocha">
<div class="mocha-header">
<ul class="mocha-menu">
<li><span id="toggle-passes" class="toggle-passes">show failures only</span></li>
</ul>
<ul class="mocha-stats">
<li class="passes">passes: <em>6</em></li>
<li class="pending">pending: <em>0</em></li>
<li class="failures">failures: <em>2</em></li>
<li class="duration">duration: <em>19.9s</em></li>
</ul>
</div>
<ul id="report">
<ul id="report"><li class="suite"><h1>Tests for apply(submit) endpoint.</h1>
<ul><li class="suite"><h1>/POST apply valid request with externalResumeID</h1>
<ul><li class="test fail"><h2>it should send 200 status
</h2><pre><code>async function () {
let email = chars[Math.floor(Math.random()*26)] +
</div>
<script>
};
}
</script>
</body>
</html>`;
const dom = new JSDOM(res);
const fragment = dom.window.document.createElement("div");
fragment.innerHTML = res;
const ul = fragment.querySelectorAll(".fail");
for(i=0; i<ul.length; i++) {
console.log(ul[i].outerHTML,"111");
}
OUTPUT
<h1>/POST apply valid request with externalResumeID</h1>
<ul><li class="test fail"><h2>it should send 200 status
</h2><pre>
<code>
async function () {
let email = chars[Math.floor(Math.random()*26)];
}