yaddi
Version:
YADDI:> A Yadda HTML report when using mocha.
551 lines (530 loc) • 27 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mochawesome Report Card</title>
<link rel="stylesheet" href="css/mochawesome.css">
</head>
<body>
<!-- NAVBAR -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="report-info-cnt">
<h1 class="report-title">yadda_basic</h1>
<h3 class="report-date">Monday, July 20 2015, 03:54pm</h3>
</div>
<div class="quick-summary-cnt">
<ul class="list-unstyled quick-summary">
<li class="qs-item summary-duration" title="Duration">54<span>MS</span></li>
<li class="qs-item summary-suites" title="Suites">8</li>
<li class="qs-item summary-tests" title="Tests">16</li>
<li class="qs-item summary-passes" title="Passed" data-filter="passed">15</li>
<li class="qs-item summary-failures" title="Failed" data-filter="failed">1</li>
<li class="qs-item summary-pending" title="Pending" data-filter="pending">0</li>
</ul> </div>
</div>
</div>
<!-- Report Summary -->
<div class="summary">
<div class="container">
<div class="row">
<div class="summary-col summary-duration">
<h1 class="summary-count">54<span>MS</span></h1>
<h4 class="summary-label">MS</h4>
</div>
<div class="summary-col summary-suites" title="Suites">
<h1 class="summary-count">8</h1>
<h4 class="summary-label">Suites</h4>
</div>
<div class="summary-col summary-tests" title="Tests">
<h1 class="summary-count">16</h1>
<h4 class="summary-label">Tests</h4>
</div>
<div class="summary-col summary-passes" data-filter="passed" title="Passed">
<h1 class="summary-count">15</h1>
<h4 class="summary-label">Passed</h4>
</div>
<div class="summary-col summary-failures" data-filter="failed" title="Failed">
<h1 class="summary-count">1</h1>
<h4 class="summary-label">Failed</h4>
</div>
<div class="summary-col summary-pending" data-filter="pending" title="Pending">
<h1 class="summary-count">0</h1>
<h4 class="summary-label">Pending</h4>
</div>
</div> </div>
</div>
<div class="statusbar">
<div class="container">
<div class="row">
<div class="status-item status-item-pending-pct">0% Pending</div>
<div class="status-item status-item-passing-pct success">93.8% Passing</div>
</div> </div>
</div>
<!-- Suites -->
<div class="details container">
<section class="suite-wrap">
<div id="a758fcad-4dc0-40df-9761-c2876963c17c" class="suite has-suites">
<h3 class="suite-title">Feature 1</h3>
<h5 class="suite-filename">/yaddi.js</h5>
<section class="suite-wrap">
<div id="71566e2d-5b36-4ec0-96ac-9850af1351e7" class="suite has-tests has-passed">
<h3 class="suite-title">Rich scenario 1</h3>
<h5 class="suite-filename">/yaddi.js</h5>
<!-- Suite Chart -->
<div class="suite-chart-wrap">
<canvas id="71566e2d-5b36-4ec0-96ac-9850af1351e7" class="suite-chart" width="50" height="50" data-total-passes="3" data-total-failures="0" data-total-pending="0" data-total-skipped="0"></canvas>
</div>
<div class="suite-data-wrap">
<!-- Suite Summary -->
<ul class="suite-summary list-unstyled">
<li class="suite-summary-item duration">8 ms</li>
<li class="suite-summary-item tests">3</li>
<li class="suite-summary-item passed">3</li>
<li class="suite-summary-item failed">0</li>
<li class="suite-summary-item pending">0</li>
</ul>
<!-- Test Info -->
<div class="suite-test-wrap">
<div class="suite-test-header" data-toggle="collapse" data-target="#71566e2d-5b36-4ec0-96ac-9850af1351e7-test-list">
<h4 class="suite-test-header-title">Tests</h4>
</div>
<div id="71566e2d-5b36-4ec0-96ac-9850af1351e7-test-list" class="list-group test-list collapse in">
<div id="dae32933-841f-4802-acad-4c0b530d5d5c" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
Given I am rich
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#dae32933-841f-4802-acad-4c0b530d5d5c > .test-code.collapse">Code</button>
<span class="test-duration fast">5 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> <div id="038963cd-bfe9-4361-a09c-a7a87bc16553" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
When I buy a Porsche
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#038963cd-bfe9-4361-a09c-a7a87bc16553 > .test-code.collapse">Code</button>
<span class="test-duration fast">2 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> <div id="cde34bcb-392c-4beb-a2b3-79f1a4008e4f" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
Then I am happier
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#cde34bcb-392c-4beb-a2b3-79f1a4008e4f > .test-code.collapse">Code</button>
<span class="test-duration fast">1 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> </div>
</div>
</div>
</div>
</section>
</div>
</section>
<section class="suite-wrap">
<div id="1e0dfbf1-6279-436f-98f0-7b9dd072cde7" class="suite has-suites">
<h3 class="suite-title">Feature 2</h3>
<h5 class="suite-filename">/yaddi.js</h5>
<section class="suite-wrap">
<div id="bde822ca-e1c5-401b-923c-6ce98267776d" class="suite has-tests has-passed has-failed">
<h3 class="suite-title">Rich scenario 2.1</h3>
<h5 class="suite-filename">/yaddi.js</h5>
<!-- Suite Chart -->
<div class="suite-chart-wrap">
<canvas id="bde822ca-e1c5-401b-923c-6ce98267776d" class="suite-chart" width="50" height="50" data-total-passes="3" data-total-failures="1" data-total-pending="0" data-total-skipped="0"></canvas>
</div>
<div class="suite-data-wrap">
<!-- Suite Summary -->
<ul class="suite-summary list-unstyled">
<li class="suite-summary-item duration">3 ms</li>
<li class="suite-summary-item tests">4</li>
<li class="suite-summary-item passed">3</li>
<li class="suite-summary-item failed">1</li>
<li class="suite-summary-item pending">0</li>
</ul>
<!-- Test Info -->
<div class="suite-test-wrap">
<div class="suite-test-header" data-toggle="collapse" data-target="#bde822ca-e1c5-401b-923c-6ce98267776d-test-list">
<h4 class="suite-test-header-title">Tests</h4>
</div>
<div id="bde822ca-e1c5-401b-923c-6ce98267776d-test-list" class="list-group test-list collapse in">
<div id="7db62cbc-a863-419f-99c6-081d38d76b64" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
Given I am rich
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#7db62cbc-a863-419f-99c6-081d38d76b64 > .test-code.collapse">Code</button>
<span class="test-duration fast">1 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> <div id="2336a3c1-c35d-42af-8543-7f9c71b620b6" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
When I buy a Porsche
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#2336a3c1-c35d-42af-8543-7f9c71b620b6 > .test-code.collapse">Code</button>
<span class="test-duration fast">1 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> <div id="6f8ac20d-719e-4a37-b0da-e07c50f14a80" class="list-group-item test failed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
When I cause a failure
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#6f8ac20d-719e-4a37-b0da-e07c50f14a80 > .test-code.collapse">Code</button>
<span class="test-duration ">1 ms</span>
</div>
</div>
<!-- Test Errors -->
<p class="test-error-message">Error: failure!!!
<button class="btn btn-link btn-sm toggle-btn toggle-stack collapsed" data-toggle="collapse" data-target="#6f8ac20d-719e-4a37-b0da-e07c50f14a80 > .test-error-stack.collapse">Stack</button>
</p>
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
<div class="test-error-stack collapse">
<pre><code class="hljs small"><span class="hljs-built_in">Error</span>: failure!!!<br> at <span class="hljs-built_in">Object</span>.<anonymous> (steps.js:<span class="hljs-number">20</span>:<span class="hljs-number">16</span>)<br> at basic.js:<span class="hljs-number">37</span>:<span class="hljs-number">21</span></code></pre>
</div>
</div> <div id="0875db44-6808-40f7-ad34-f232b3efc6b0" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
Then I am happier
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#0875db44-6808-40f7-ad34-f232b3efc6b0 > .test-code.collapse">Code</button>
<span class="test-duration fast">0 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> </div>
</div>
</div>
</div>
</section>
<section class="suite-wrap">
<div id="211e3af3-c072-4370-bf21-3462128801c1" class="suite has-tests has-passed">
<h3 class="suite-title">Rich scenario 2.2</h3>
<h5 class="suite-filename">/yaddi.js</h5>
<!-- Suite Chart -->
<div class="suite-chart-wrap">
<canvas id="211e3af3-c072-4370-bf21-3462128801c1" class="suite-chart" width="50" height="50" data-total-passes="3" data-total-failures="0" data-total-pending="0" data-total-skipped="0"></canvas>
</div>
<div class="suite-data-wrap">
<!-- Suite Summary -->
<ul class="suite-summary list-unstyled">
<li class="suite-summary-item duration">2 ms</li>
<li class="suite-summary-item tests">3</li>
<li class="suite-summary-item passed">3</li>
<li class="suite-summary-item failed">0</li>
<li class="suite-summary-item pending">0</li>
</ul>
<!-- Test Info -->
<div class="suite-test-wrap">
<div class="suite-test-header" data-toggle="collapse" data-target="#211e3af3-c072-4370-bf21-3462128801c1-test-list">
<h4 class="suite-test-header-title">Tests</h4>
</div>
<div id="211e3af3-c072-4370-bf21-3462128801c1-test-list" class="list-group test-list collapse in">
<div id="6b02c283-a57a-42f0-8a1f-cef149a00f04" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
Given I am rich
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#6b02c283-a57a-42f0-8a1f-cef149a00f04 > .test-code.collapse">Code</button>
<span class="test-duration fast">0 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> <div id="73df1bf6-95b0-4cbe-a9bb-7ae96d374d82" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
When I buy a Porsche
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#73df1bf6-95b0-4cbe-a9bb-7ae96d374d82 > .test-code.collapse">Code</button>
<span class="test-duration fast">1 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> <div id="497546fb-354a-4ac3-a681-a9f132d1a4a6" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
Then I am happier
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#497546fb-354a-4ac3-a681-a9f132d1a4a6 > .test-code.collapse">Code</button>
<span class="test-duration fast">1 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> </div>
</div>
</div>
</div>
</section>
</div>
</section>
<section class="suite-wrap">
<div id="089f95db-0cfb-46c7-a111-8fc6a758b11c" class="suite has-suites">
<h3 class="suite-title">Feature 3</h3>
<h5 class="suite-filename">/yaddi.js</h5>
<section class="suite-wrap">
<div id="c83685e3-0a6e-4b46-81e1-6bd57b174c9e" class="suite has-tests has-passed">
<h3 class="suite-title">Rich scenario 3.1</h3>
<h5 class="suite-filename">/yaddi.js</h5>
<!-- Suite Chart -->
<div class="suite-chart-wrap">
<canvas id="c83685e3-0a6e-4b46-81e1-6bd57b174c9e" class="suite-chart" width="50" height="50" data-total-passes="3" data-total-failures="0" data-total-pending="0" data-total-skipped="0"></canvas>
</div>
<div class="suite-data-wrap">
<!-- Suite Summary -->
<ul class="suite-summary list-unstyled">
<li class="suite-summary-item duration">3 ms</li>
<li class="suite-summary-item tests">3</li>
<li class="suite-summary-item passed">3</li>
<li class="suite-summary-item failed">0</li>
<li class="suite-summary-item pending">0</li>
</ul>
<!-- Test Info -->
<div class="suite-test-wrap">
<div class="suite-test-header" data-toggle="collapse" data-target="#c83685e3-0a6e-4b46-81e1-6bd57b174c9e-test-list">
<h4 class="suite-test-header-title">Tests</h4>
</div>
<div id="c83685e3-0a6e-4b46-81e1-6bd57b174c9e-test-list" class="list-group test-list collapse in">
<div id="60504d4a-9f04-40ae-8e82-0751d96e41d5" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
Given I am rich
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#60504d4a-9f04-40ae-8e82-0751d96e41d5 > .test-code.collapse">Code</button>
<span class="test-duration fast">1 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> <div id="a6d038eb-9d32-4de3-9888-2281656e5d9b" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
When I buy a Porsche
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#a6d038eb-9d32-4de3-9888-2281656e5d9b > .test-code.collapse">Code</button>
<span class="test-duration fast">1 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> <div id="32643ecd-c876-4f21-8d70-a971d6bc76f9" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
Then I am happier
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#32643ecd-c876-4f21-8d70-a971d6bc76f9 > .test-code.collapse">Code</button>
<span class="test-duration fast">1 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> </div>
</div>
</div>
</div>
</section>
<section class="suite-wrap">
<div id="4313665f-0101-44b5-8704-4d2fb0b1b379" class="suite has-tests has-passed">
<h3 class="suite-title">Rich scenario 3.2</h3>
<h5 class="suite-filename">/yaddi.js</h5>
<!-- Suite Chart -->
<div class="suite-chart-wrap">
<canvas id="4313665f-0101-44b5-8704-4d2fb0b1b379" class="suite-chart" width="50" height="50" data-total-passes="3" data-total-failures="0" data-total-pending="0" data-total-skipped="0"></canvas>
</div>
<div class="suite-data-wrap">
<!-- Suite Summary -->
<ul class="suite-summary list-unstyled">
<li class="suite-summary-item duration">4 ms</li>
<li class="suite-summary-item tests">3</li>
<li class="suite-summary-item passed">3</li>
<li class="suite-summary-item failed">0</li>
<li class="suite-summary-item pending">0</li>
</ul>
<!-- Test Info -->
<div class="suite-test-wrap">
<div class="suite-test-header" data-toggle="collapse" data-target="#4313665f-0101-44b5-8704-4d2fb0b1b379-test-list">
<h4 class="suite-test-header-title">Tests</h4>
</div>
<div id="4313665f-0101-44b5-8704-4d2fb0b1b379-test-list" class="list-group test-list collapse in">
<div id="99e303cf-fccd-4167-bfbc-29fe894e45c9" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
Given I am rich
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#99e303cf-fccd-4167-bfbc-29fe894e45c9 > .test-code.collapse">Code</button>
<span class="test-duration fast">1 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> <div id="aab002ad-0742-4053-8768-1d189ef46045" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
When I buy a Porsche
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#aab002ad-0742-4053-8768-1d189ef46045 > .test-code.collapse">Code</button>
<span class="test-duration fast">2 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> <div id="c46f19f0-61a1-40fb-95ff-c15c651957f2" class="list-group-item test passed">
<!-- Test Heading -->
<div class="test-heading">
<h4 class="test-title">
<span class="text-muted hidden"> it </span>
Then I am happier
</h4>
<div class="pull-right">
<button class="btn btn-link btn-sm toggle-btn toggle-code collapsed" data-toggle="collapse" data-target="#c46f19f0-61a1-40fb-95ff-c15c651957f2 > .test-code.collapse">Code</button>
<span class="test-duration fast">1 ms</span>
</div>
</div>
<!-- Test Errors -->
<!-- Test Code -->
<div class="test-code collapse">
<pre><code class="hljs javascript small">iterator(subject, done);</code></pre>
</div>
<!-- Test Error Stack -->
</div> </div>
</div>
</div>
</div>
</section>
</div>
</section>
</div>
<footer>
<div class="container">
<p>Report generated by <a href="http://adamgruber.github.io/mochawesome/" target="_blank">mochawesome</a>.<br>Designed and built by <a href="https://github.com/adamgruber" target="_blank">adamgruber</a>. ©2015.</p>
</div>
</footer>
<!-- Scripts -->
<script src="js/vendor.js"></script>
<script src="js/mochawesome.js"></script>
</body>
</html>