managur/Collection

View on GitHub
docs/dashboard.html

Summary

Maintainability
Test Coverage
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Dashboard for /home/anthony/git/Collection/src</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="_css/bootstrap.min.css?v=9.2.30" rel="stylesheet" type="text/css">
  <link href="_css/nv.d3.min.css?v=9.2.30" rel="stylesheet" type="text/css">
  <link href="_css/style.css?v=9.2.30" rel="stylesheet" type="text/css">
  <link href="_css/custom.css" rel="stylesheet" type="text/css">
 </head>
 <body>
  <header>
   <div class="container-fluid">
    <div class="row">
     <div class="col-md-12">
      <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
         <li class="breadcrumb-item"><a href="index.html">/home/anthony/git/Collection/src</a></li>
         <li class="breadcrumb-item active">(Dashboard)</li>

       </ol>
      </nav>
     </div>
    </div>
   </div>
  </header>
  <div class="container-fluid">
   <div class="row">
    <div class="col-md-12">
     <h2>Classes</h2>
    </div>
   </div>
   <div class="row">
    <div class="col-md-6">
     <h3>Coverage Distribution</h3>
     <div id="classCoverageDistribution" style="height: 300px;">
       <svg></svg>
     </div>
    </div>
    <div class="col-md-6">
     <h3>Complexity</h3>
     <div id="classComplexity" style="height: 300px;">
       <svg></svg>
     </div>
    </div>
   </div>
   <div class="row">
    <div class="col-md-6">
     <h3>Insufficient Coverage</h3>
     <div class="scrollbox">
      <table class="table">
       <thead>
        <tr>
         <th>Class</th>
         <th class="text-right">Coverage</th>
        </tr>
       </thead>
       <tbody>

       </tbody>
      </table>
     </div>
    </div>
    <div class="col-md-6">
     <h3>Project Risks</h3>
     <div class="scrollbox">
      <table class="table">
       <thead>
        <tr>
         <th>Class</th>
         <th class="text-right"><abbr title="Change Risk Anti-Patterns (CRAP) Index">CRAP</abbr></th>
        </tr>
       </thead>
       <tbody>

       </tbody>
      </table>
     </div>
    </div>
   </div>
   <div class="row">
    <div class="col-md-12">
     <h2>Methods</h2>
    </div>
   </div>
   <div class="row">
    <div class="col-md-6">
     <h3>Coverage Distribution</h3>
     <div id="methodCoverageDistribution" style="height: 300px;">
       <svg></svg>
     </div>
    </div>
    <div class="col-md-6">
     <h3>Complexity</h3>
     <div id="methodComplexity" style="height: 300px;">
       <svg></svg>
     </div>
    </div>
   </div>
   <div class="row">
    <div class="col-md-6">
     <h3>Insufficient Coverage</h3>
     <div class="scrollbox">
      <table class="table">
       <thead>
        <tr>
         <th>Method</th>
         <th class="text-right">Coverage</th>
        </tr>
       </thead>
       <tbody>

       </tbody>
      </table>
     </div>
    </div>
    <div class="col-md-6">
     <h3>Project Risks</h3>
     <div class="scrollbox">
      <table class="table">
       <thead>
        <tr>
         <th>Method</th>
         <th class="text-right"><abbr title="Change Risk Anti-Patterns (CRAP) Index">CRAP</abbr></th>
        </tr>
       </thead>
       <tbody>

       </tbody>
      </table>
     </div>
    </div>
   </div>
   <footer>
    <hr/>
    <p>
     <small>Generated by <a href="https://github.com/sebastianbergmann/php-code-coverage" target="_top">php-code-coverage 9.2.30</a> using <a href="https://secure.php.net/" target="_top">PHP 8.2.8</a> and <a href="https://phpunit.de/">PHPUnit 9.6.16</a> at Sat Jan 27 17:59:20 UTC 2024.</small>
    </p>
   </footer>
  </div>
  <script src="_js/jquery.min.js?v=9.2.30" type="text/javascript"></script>
  <script src="_js/d3.min.js?v=9.2.30" type="text/javascript"></script>
  <script src="_js/nv.d3.min.js?v=9.2.30" type="text/javascript"></script>
  <script type="text/javascript">
$(document).ready(function() {
  nv.addGraph(function() {
    var chart = nv.models.multiBarChart();
    chart.tooltips(false)
      .showControls(false)
      .showLegend(false)
      .reduceXTicks(false)
      .staggerLabels(true)
      .yAxis.tickFormat(d3.format('d'));

    d3.select('#classCoverageDistribution svg')
      .datum(getCoverageDistributionData([0,0,0,0,0,0,0,0,0,0,0,1], "Class Coverage"))
      .transition().duration(500).call(chart);

    nv.utils.windowResize(chart.update);

    return chart;
  });

  nv.addGraph(function() {
    var chart = nv.models.multiBarChart();
    chart.tooltips(false)
      .showControls(false)
      .showLegend(false)
      .reduceXTicks(false)
      .staggerLabels(true)
      .yAxis.tickFormat(d3.format('d'));

    d3.select('#methodCoverageDistribution svg')
      .datum(getCoverageDistributionData([0,0,0,0,0,0,0,0,0,0,0,34], "Method Coverage"))
      .transition().duration(500).call(chart);

    nv.utils.windowResize(chart.update);

    return chart;
  });

  function getCoverageDistributionData(data, label) {
    var labels = [
      '0%',
      '0-10%',
      '10-20%',
      '20-30%',
      '30-40%',
      '40-50%',
      '50-60%',
      '60-70%',
      '70-80%',
      '80-90%',
      '90-100%',
      '100%'
    ];
    var values = [];
    $.each(labels, function(key) {
      values.push({x: labels[key], y: data[key]});
    });

    return [
      {
        key: label,
        values: values,
        color: "#4572A7"
      }
    ];
  }
  nv.addGraph(function() {
    var chart = nv.models.scatterChart()
      .showDistX(true)
      .showDistY(true)
      .showLegend(false)
      .forceX([0, 100]);
    chart.tooltipContent(function(graph) {
      return '<p>' + graph.point.class + '</p>';
    });

    chart.xAxis.axisLabel('Code Coverage (in percent)');
    chart.yAxis.axisLabel('Cyclomatic Complexity');

    d3.select('#classComplexity svg')
      .datum(getComplexityData([[100,62,"<a href=\"Collection.php.html#25\">Managur\\Collection\\Collection<\/a>"]], 'Class Complexity'))
      .transition()
      .duration(500)
      .call(chart);

    nv.utils.windowResize(chart.update);

    return chart;
  });

  nv.addGraph(function() {
    var chart = nv.models.scatterChart()
      .showDistX(true)
      .showDistY(true)
      .showLegend(false)
      .forceX([0, 100]);
    chart.tooltipContent(function(graph) {
      return '<p>' + graph.point.class + '</p>';
    });

    chart.xAxis.axisLabel('Code Coverage (in percent)');
    chart.yAxis.axisLabel('Method Complexity');

    d3.select('#methodComplexity svg')
      .datum(getComplexityData([[100,2,"<a href=\"Collection.php.html#37\">Managur\\Collection\\Collection::__construct<\/a>"],[100,4,"<a href=\"Collection.php.html#51\">Managur\\Collection\\Collection::arrayItems<\/a>"],[100,1,"<a href=\"Collection.php.html#83\">Managur\\Collection\\Collection::keyStrategy<\/a>"],[100,2,"<a href=\"Collection.php.html#97\">Managur\\Collection\\Collection::append<\/a>"],[100,2,"<a href=\"Collection.php.html#111\">Managur\\Collection\\Collection::offsetSet<\/a>"],[100,5,"<a href=\"Collection.php.html#136\">Managur\\Collection\\Collection::checkType<\/a>"],[100,1,"<a href=\"Collection.php.html#166\">Managur\\Collection\\Collection::into<\/a>"],[100,1,"<a href=\"Collection.php.html#178\">Managur\\Collection\\Collection::mapInto<\/a>"],[100,4,"<a href=\"Collection.php.html#190\">Managur\\Collection\\Collection::newCollectionOfType<\/a>"],[100,1,"<a href=\"Collection.php.html#211\">Managur\\Collection\\Collection::map<\/a>"],[100,1,"<a href=\"Collection.php.html#236\">Managur\\Collection\\Collection::slice<\/a>"],[100,1,"<a href=\"Collection.php.html#248\">Managur\\Collection\\Collection::each<\/a>"],[100,1,"<a href=\"Collection.php.html#262\">Managur\\Collection\\Collection::reduce<\/a>"],[100,3,"<a href=\"Collection.php.html#276\">Managur\\Collection\\Collection::filter<\/a>"],[100,4,"<a href=\"Collection.php.html#293\">Managur\\Collection\\Collection::first<\/a>"],[100,3,"<a href=\"Collection.php.html#314\">Managur\\Collection\\Collection::last<\/a>"],[100,2,"<a href=\"Collection.php.html#329\">Managur\\Collection\\Collection::contains<\/a>"],[100,1,"<a href=\"Collection.php.html#342\">Managur\\Collection\\Collection::pop<\/a>"],[100,2,"<a href=\"Collection.php.html#355\">Managur\\Collection\\Collection::push<\/a>"],[100,2,"<a href=\"Collection.php.html#371\">Managur\\Collection\\Collection::merge<\/a>"],[100,2,"<a href=\"Collection.php.html#389\">Managur\\Collection\\Collection::sort<\/a>"],[100,2,"<a href=\"Collection.php.html#409\">Managur\\Collection\\Collection::usort<\/a>"],[100,1,"<a href=\"Collection.php.html#427\">Managur\\Collection\\Collection::asort<\/a>"],[100,1,"<a href=\"Collection.php.html#442\">Managur\\Collection\\Collection::uasort<\/a>"],[100,2,"<a href=\"Collection.php.html#457\">Managur\\Collection\\Collection::shuffle<\/a>"],[100,2,"<a href=\"Collection.php.html#474\">Managur\\Collection\\Collection::implode<\/a>"],[100,2,"<a href=\"Collection.php.html#490\">Managur\\Collection\\Collection::getNewInstance<\/a>"],[100,1,"<a href=\"Collection.php.html#509\">Managur\\Collection\\Collection::getTypedCollection<\/a>"],[100,1,"<a href=\"Collection.php.html#532\">Managur\\Collection\\Collection::newTypedValueCollection<\/a>"],[100,1,"<a href=\"Collection.php.html#545\">Managur\\Collection\\Collection::newTypedKeyCollection<\/a>"],[100,1,"<a href=\"Collection.php.html#558\">Managur\\Collection\\Collection::newTypedCollection<\/a>"],[100,1,"<a href=\"Collection.php.html#566\">Managur\\Collection\\Collection::jsonSerialize<\/a>"],[100,1,"<a href=\"Collection.php.html#571\">Managur\\Collection\\Collection::isEmpty<\/a>"],[100,1,"<a href=\"Collection.php.html#576\">Managur\\Collection\\Collection::isNotEmpty<\/a>"]], 'Method Complexity'))
      .transition()
      .duration(500)
      .call(chart);

    nv.utils.windowResize(chart.update);

    return chart;
  });

  function getComplexityData(data, label) {
    var values = [];
    $.each(data, function(key) {
      var value = Math.round(data[key][0]*100) / 100;
      values.push({
        x: value,
        y: data[key][1],
        class: data[key][2],
        size: 0.05,
        shape: 'diamond'
      });
    });

    return [
      {
        key: label,
        values: values,
        color: "#4572A7"
      }
    ];
  }
});
  </script>
 </body>
</html>