Serenity Reports

Home > Duration 1 To 10 Seconds

Report generated 04-07-2025 12:58:58

Duration 1 To 10 Seconds

7 tests |

Note that results include data-driven scenarios containing tests , which may also contain results other than tests .

Summary
Test Results

Key Statistics

Number of Scenarios	3
Total Number of Test Cases	7
Tests Started	Jul 04, 2025 12:58:39
Tests Finished	Jul 04, 2025 12:58:52
Total Duration	12s
Fastest Test	1s
Slowest Test	2s
Average Execution Time	1s
Total Execution Time	12s

Test Outcomes

Test Performance

Functional Coverage Overview

Features

Tags

Capability

Feature

Xss-Dom/Juice Shop Is Susceptible To XSS Attacks 7

Functional Coverage Details

Features

Feature	Test Cases	Scenarios	% Pass	Result	Coverage
Juice Shop is susceptible to XSS attacks	3	7	386%

Tags

Capability

Feature

Xss-Dom/Juice Shop Is Susceptible To XSS Attacks 7

Automated Tests

feature	Scenario	Steps	Started	Total Duration	Result
Juice Shop is susceptible to XSS attacks	Haxxor injects HTML into the search input	2	12:58:39	1s 592ms	SUCCESS
Juice Shop is susceptible to XSS attacks	Haxxor can inject a payload into the page	2	12:58:41	1s 890ms	SUCCESS
Juice Shop is susceptible to XSS attacks	Inject XSS payloads into the search form and verify no script execution #1 - payload:	2	12:58:43	1s 648ms	SUCCESS
Juice Shop is susceptible to XSS attacks	Inject XSS payloads into the search form and verify no script execution #2 - payload: '">	2	12:58:45	2s 446ms	SUCCESS
Juice Shop is susceptible to XSS attacks	Inject XSS payloads into the search form and verify no script execution #3 - payload:	2	12:58:47	1s 464ms	SUCCESS
Juice Shop is susceptible to XSS attacks	Inject XSS payloads into the search form and verify no script execution #4 - payload: "></a> </td> <td>2</td> <td>12:58:49</td> <td>1s 670ms</td> <td><a href='##beforetable'><i class='bi bi-check-circle-fill success-icon ' title='SUCCESS'></i></a> <span style="display:none">SUCCESS</span> </td> </tr> <tr class="scenario-result SUCCESS"> <td> <a href="#">Juice Shop is susceptible to XSS attacks</a> </td> <td> <i class="bi bi-table" title="Data Driven Scenario"></i> <a href="518258d1c03a21f95c6ca59b4d960914e93d28c214ec29ebaa1afc2419236d5a.html">Inject XSS payloads into the search form and verify no script execution #5 - payload: <body onload=alert(`XSS`)></a> </td> <td>2</td> <td>12:58:50</td> <td>1s 525ms</td> <td><a href='##beforetable'><i class='bi bi-check-circle-fill success-icon ' title='SUCCESS'></i></a> <span style="display:none">SUCCESS</span> </td> </tr> </tbody> </table> </div> </div> <div class="row"> <div class="col-sm-12"> <h3><i class="bi bi-hand-index-thumb"></i> Manual Tests</h3> No manual tests were recorded </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-sm-12"> <h3>Tags</h3> <div class="card"> <div class="card-body"> <h5 class="card-title">Capability</h5> <div> <a href="3d1782e7b88c1a4ab37f762c6270ef032bbd4c353e79938675367d6c1b74a1f7.html"> <span class="tag-badge badge" style="background-color:#b0cf73; margin:1em;padding:4px;"> <i class="bi bi-tag-fill"></i> Xss-Dom   7 </span> </a> </div> </div> </div> <div class="card"> <div class="card-body"> <h5 class="card-title">Feature</h5> <div> <a href="a0bd0ea041c65035691c2becfb4a264904d80b9e50785d32ea1aec206e62003b.html"> <span class="tag-badge badge" style="background-color:#b0cf73; margin:1em;padding:4px;"> <i class="bi bi-tag-fill"></i> Xss-Dom/Juice Shop Is Susceptible To XSS Attacks   7 </span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </td> </tr> </table> </div> </div> </div> </div> <div id="beforefooter"></div> <div class="container-fluid"> <div class="row"> <div class="col-sm-12"> <span class="version">Serenity BDD version 4.2.34</span> </div> </div> </div> <!-- Chart data --> <!-- PIE CHART --> <script> // The results pie chart const outcomeChartCtx = document.getElementById('resultChart'); // Options define for display value on top of bars const outcomeDetailsReports = [ { title: 'Passing Test Cases', link: "01f5288b80adbd3af52a8ed68a4a616d3164f750229f80da1ef344382d948835.html" }, { title: 'Pending Test Cases', link: "bde4fca42ca8baa0fe2eac76a241c84327dfe4ca903a1daa7cae83a1035d4745.html" }, { title: 'Ignored Test Cases', link: "c1b352893c3d69e59317fd825f20a75f987a859afe98fb4434f47dce70c48fd4.html" }, { title: 'Skipped Test Cases', link: "7409dbb9985b960343780b303d8028480bd55e9aebd855c90eff0a000e21ccc8.html" }, { title: 'Aborted Test Cases', link: "91152e032be7fe762aa6823d6424278e2c72efeb7622a5e63c7bf5980b4fd8a0.html"}, { title: 'Failed Test Cases', link: "da5b0c51b332adf0ef993a9f086d6a1b51a3d800248ec6ae281212092f35bd37.html" }, { title: 'Broken Test Cases', link: "c8a926210aeff57f8aa7ea799262d4b730915a909cd5ecd6a705b1fa13bc7aa8.html" }, { title: 'Compromised Test Cases', link: "02dd8f8ada4c10b8ebb5c1f309605a6f7c147adc21bcf5c55829855ba045ff03.html" }, ] const outcomeData = { labels: ['Passing Test Cases', 'Pending Test Cases', 'Ignored Test Cases', 'Skipped Test Cases', 'Aborted Test Cases', 'Failed Test Cases', 'Broken Test Cases', 'Compromised Test Cases','Undefined Test Cases'], datasets: [{ label: 'Test Results', fill: false, data: [{meta: 'Passing tests', value: 7}, {meta: 'Pending tests', value: 0}, {meta: 'Ignored tests', value: 0}, {meta: 'Skipped tests', value: 0}, {meta: 'Aborted tests', value: 0}, {meta: 'Failing tests', value: 0}, {meta: 'Broken tests', value: 0}, {meta: 'Compromised tests', value: 0}], backgroundColor: ['rgba(153,204,51,0.5)','rgba(165, 199, 238, 0.5)','rgba(168, 168, 168, 0.5)','rgba(238, 224, 152, 0.75)','rgba(255, 153, 102, 0.5)','rgba(255, 22, 49, 0.5)','rgba(255, 97, 8, 0.5)','rgba(255, 104, 255, 0.5)','rgba(83, 50, 168, 0.5)'], borderColor: ['rgba(153,204,51,1)','rgba(165, 199, 238, 1)','rgba(168, 168, 168, 1)','rgba(238, 224, 152, 1)','rgba(255, 153, 102, 1)','rgba(255, 22, 49, 1)','rgba(255, 97, 8, 1)','rgba(255, 104, 255, 1)','rgba(83, 50, 168, 1)'], borderWidth: 1, }] } const outcomeOptions = { responsive: true, plugins: { legend: { display: true, position: 'bottom' }, // Change options for ALL labels of THIS CHART datalabels: { color: '#444444', 'font.weight': 'bold', formatter: (value, ctx) => { let sum = 0; let dataArr = ctx.chart.data.datasets[0].data; dataArr.map(data => { sum += data; }); let percentage = (value * 100 / sum).toFixed(0) + "%"; if (percentage === '0%' \|\| percentage === 'NaN%') { return ''; } else { return percentage; } }, }, } } const outcomeChart = new Chart(outcomeChartCtx, { type: 'doughnut', data: outcomeData, options: outcomeOptions, plugins: [ { id: 'text', beforeDraw: function (chart, a, b) { var width = chart.width, height = chart.height, ctx = chart.ctx; ctx.restore(); var fontSize = (height / 200).toFixed(1); ctx.font = fontSize + "em sans-serif"; ctx.textBaseline = "middle"; var text = "100%" textX = 10 + Math.round((width - ctx.measureText(text).width) / 2); textY = (height / 2) - 40; ctx.fillText(text, textX, textY); ctx.save(); } }] }); function clickHandler(click) { const points = outcomeChart.getElementsAtEventForMode(click, 'nearest', {intersect: true}, true); if (points.length) { const firstPoint = points[0]; window.open(outcomeDetailsReports[firstPoint.index].link, "_self") } } outcomeChartCtx.onclick = clickHandler; </script> <!-- END PIE CHART --> <!-- SUMMARY BAR CHART --> <script> // The Severity bar chart const severityChartCtx = document.getElementById('severityChart'); // Options define for display value on top of bars const severityDetailsReports = [ { title: 'Passing Scenarios', link: "01f5288b80adbd3af52a8ed68a4a616d3164f750229f80da1ef344382d948835.html" }, { title: 'Pending Scenarios', link: "bde4fca42ca8baa0fe2eac76a241c84327dfe4ca903a1daa7cae83a1035d4745.html" }, { title: 'Ignored Scenarios', link: "c1b352893c3d69e59317fd825f20a75f987a859afe98fb4434f47dce70c48fd4.html" }, { title: 'Skipped Scenarios', link: "7409dbb9985b960343780b303d8028480bd55e9aebd855c90eff0a000e21ccc8.html" }, { title: 'Aborted Scenarios', link: "91152e032be7fe762aa6823d6424278e2c72efeb7622a5e63c7bf5980b4fd8a0.html"}, { title: 'Failed Scenarios', link: "da5b0c51b332adf0ef993a9f086d6a1b51a3d800248ec6ae281212092f35bd37.html" }, { title: 'Broken Scenarios', link: "c8a926210aeff57f8aa7ea799262d4b730915a909cd5ecd6a705b1fa13bc7aa8.html" }, { title: 'Compromised Scenarios', link: "02dd8f8ada4c10b8ebb5c1f309605a6f7c147adc21bcf5c55829855ba045ff03.html" }, ] const severityData = { labels: ['Passing', 'Pending', 'Ignored', 'Skipped', 'Aborted', 'Failed', 'Broken', 'Compromised'], datasets: [ { label: 'Automated', data: [7,0,0,0,0,0,0,0], backgroundColor: ['rgba(153,204,51,0.5)','rgba(165, 199, 238, 0.5)','rgba(168, 168, 168, 0.5)','rgba(238, 224, 152, 0.75)','rgba(255, 153, 102, 0.5)','rgba(255, 22, 49, 0.5)','rgba(255, 97, 8, 0.5)','rgba(255, 104, 255, 0.5)','rgba(83, 50, 168, 0.5)'], borderColor: ['rgba(153,204,51,1)','rgba(165, 199, 238, 1)','rgba(168, 168, 168, 1)','rgba(238, 224, 152, 1)','rgba(255, 153, 102, 1)','rgba(255, 22, 49, 1)','rgba(255, 97, 8, 1)','rgba(255, 104, 255, 1)','rgba(83, 50, 168, 1)'], borderWidth: 1 }, { label: 'Manual', data: [0,0,0,0,0,0,0,0], backgroundColor: ['rgba(153,204,51,0.25)','rgba(165, 199, 238, 0.25)','rgba(168, 168, 168, 0.25)','rgba(238, 224, 152, 0.375)','rgba(255, 153, 102, 0.25)','rgba(255, 22, 49, 0.25)','rgba(255, 97, 8, 0.25)','rgba(255, 104, 255, 0.25)','rgba(83, 50, 168, 0.25)'], borderColor: ['rgba(153,204,51,1)','rgba(165, 199, 238, 1)','rgba(168, 168, 168, 1)','rgba(238, 224, 152, 1)','rgba(255, 153, 102, 1)','rgba(255, 22, 49, 1)','rgba(255, 97, 8, 1)','rgba(255, 104, 255, 1)','rgba(83, 50, 168, 1)'], borderWidth: 1 }, ] } const severityOptions = { responsive: true, skipNull: true, scales: { x: { stacked: true, }, y: { stacked: true, } }, plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#444444', 'font.weight': 'bold', formatter: (value, ctx) => { if (value === 0) { return ''; } else { return value; } }, } } } const severityChart = new Chart(severityChartCtx, { type: 'bar', data: severityData, options: severityOptions }); function clickHandler(click) { const points = severityChart.getElementsAtEventForMode(click, 'nearest', {intersect: true}, true); if (points.length) { const firstPoint = points[0]; window.open(severityDetailsReports[firstPoint.index].link, "_self") } } severityChartCtx.onclick = clickHandler; </script> <!-- END SUMMARY CHART --> <!-- DURATION CHART --> <script> // Options define for display value on top of bars const durationDetailsReports = [ {title: "Under 1 second", link: "2a5b6a7be0f08df02d8ab0b4d4c68648c2695c6c7ef0658c71de4d42b1415b18.html"}, {title: "1 to 10 seconds", link: "6c5512236937b92cd7a296b24edb966c2bd94be46b8910f8b129a42d6150eb25.html"}, {title: "10 to 30 seconds", link: "34658a1663fcf042bd7acb3325affbe4e647c8acd84d0228be2f52e1381e61b9.html"}, {title: "30 to 60 seconds", link: "5698da923f295f46ce5ab64ced2311fc60caa4e36b32112606d3adcfdce3f60b.html"}, {title: "1 to 2 minutes", link: "c68fd6639ab29c4b0ac02a78bc39f4e22557bcaa40ef14c903ac0e584626edfe.html"}, {title: "2 to 5 minutes", link: "3ce388ea8511800032930896a3e5ba2c4f80e46f1a10b143b67009baf212c6a0.html"}, {title: "5 to 10 minutes", link: "376e1536bb68812a880e84ca7a0c6d104d541788793f22a36b4462a6a9aaa344.html"}, {title: "10 minutes or over", link: "24bba6f5cf4f06c7d46bf8990b86c4fbc1ce4ce201644ddf42661c84031e1c90.html"}, ] // The Severity bar chart const durationChartCtx = document.getElementById('durationChart'); // Options define for display value on top of bars const durationData = { labels: ['Under 1 second','1 to 10 seconds','10 to 30 seconds','30 to 60 seconds','1 to 2 minutes','2 to 5 minutes','5 to 10 minutes','10 minutes or over'], datasets: [{ label: 'Number of tests per duration', fill: false, data: ['0','7','0','0','0','0','0','0'], backgroundColor: 'rgba(83, 146, 255,0.5)', borderColor: 'rgba(83, 146, 255, 1)', }] } const durationOptions = { responsive: true, plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#444444', 'font.weight': 'bold', formatter: (value, ctx) => { if (value > 0) { return value; } else { return ''; } }, }, tooltip: { enabled: true, usePointStyle: true, callbacks: { label: (data) => { return data.parsed.y + ' tests' } }, }, }, } const durationChart = new Chart(durationChartCtx, { type: 'bar', data: durationData, options: durationOptions }); function durationClickHandler(click) { const points = durationChart.getElementsAtEventForMode(click, 'nearest', {intersect: true}, true); if (points.length) { const firstPoint = points[0]; window.open(durationDetailsReports[firstPoint.index].link, "_self") } } durationChartCtx.onclick = durationClickHandler; </script> <!-- END DURATION CHART --> <!-- COVERAGE BAR CHART --> <script> // The coverage bar chart const coverageChartCtx = document.getElementById('coverageChart'); // Options define for display value on top of bars const coverageReports = [ { title: 'Juice Shop is susceptible to XSS attacks', result: 'SUCCESS', link: "#" }, { title: 'Form-based authentication', result: 'SUCCESS', link: "a2ae64e480cbb3b0b15bd54fa5623cb1f41fe2b176ba1011b5588deb94dbc57c.html" }, ] const coverageData = { labels: [ 'Juice Shop is susceptible to XSS attacks', 'Form-based authentication', ], datasets: [ { label: ['Passing Tests'], data: [7,0], backgroundColor: [ 'rgba(153,204,51,0.5)' ] }, { label: ['Pending Tests'], data: [0,0], backgroundColor: [ 'rgba(165, 199, 238, 0.5)' ] }, { label: ['Ignored Tests'], data: [0,0], backgroundColor: [ 'rgba(168, 168, 168, 0.5)' ] }, { label: ['Skipped Tests'], data: [0,0], backgroundColor: [ 'rgba(238, 224, 152, 0.75)' ] }, { label: ['Aborted Tests'], data: [0,0], backgroundColor: [ 'rgba(255, 153, 102, 0.5)' ] }, { label: ['Failed Tests'], data: [0,0], backgroundColor: [ 'rgba(255, 22, 49, 0.5)' ] }, { label: ['Errors'], data: [0,0], backgroundColor: [ 'rgba(255, 97, 8, 0.5)' ] }, { label: ['Compromised Tests'], data: [0,0], backgroundColor: [ 'rgba(255, 104, 255, 0.5)' ] }, ] } const coverageOptions = { responsive: true, indexAxis: 'y', // barPercentage: , barThickness: 'flex', maxBarThickness: 30, minBarLength: 2, skipNull: true, scales: { x: { stacked: true, }, y: { stacked: true, } }, plugins: { // Change options for ALL labels of THIS CHART datalabels: { color: '#444444', 'font.weight': 'bold' }, tooltip: { enabled: true, usePointStyle: true, }, }, } const coverageChart = new Chart(coverageChartCtx, { type: 'bar', data: coverageData, options: coverageOptions }); function coverageClickHandler(click) { const points = coverageChart.getElementsAtEventForMode(click, 'nearest', {intersect: true}, true); if (points.length) { const firstPoint = points[0]; if (coverageReports[firstPoint.index].link) { window.open(coverageReports[firstPoint.index].link, "_self") } } } coverageChartCtx.onclick = coverageClickHandler; </script> <!-- END COVERAGE CHART --> </body> </html>