coverage progress chart

Author: evsasse

Gemfile

@@ -12,6 +12,7 @@ gem "turbo-rails" # Hotwire's SPA-like page accelerator [https://turbo.hotwired.
 gem "stimulus-rails" # Hotwire's modest JavaScript framework [https://stimulus.hotwired.dev]
 gem "tailwindcss-rails" # Use Tailwind CSS [https://github.com/rails/tailwindcss-rails]
 gem "sprockets-rails" # The original asset pipeline for Rails [https://github.com/rails/sprockets-rails]
+gem "chartkick", "~> 5.1" # Charts
 
 # API
 gem "jbuilder" # Build JSON APIs with ease [https://github.com/rails/jbuilder]

Gemfile.lock

@@ -109,6 +109,7 @@ GEM
       rack-test (>= 0.6.3)
       regexp_parser (>= 1.5, < 3.0)
       xpath (~> 3.2)
+    chartkick (5.1.2)
     concurrent-ruby (1.3.4)
     connection_pool (2.4.1)
     crass (1.0.6)
@@ -397,6 +398,7 @@ DEPENDENCIES
   bootsnap
   brakeman
   capybara
+  chartkick (~> 5.1)
   debug
   devise (~> 4.9)
   dotenv-rails (~> 3.1)

app/javascript/application.js

@@ -1,3 +1,7 @@
 // Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
 import "@hotwired/turbo-rails"
 import "controllers"
+
+// https://chartkick.com/
+import "chartkick"
+import "Chart.bundle"

app/models/project.rb

@@ -19,4 +19,12 @@ def reset_api_auth!
     update!(api_auth_digest: Digest::SHA512.hexdigest(token))
     token
   end
+
+  def reports_coverage_progress
+    reports.map do |report|
+      next if report.bundled_html.blank?
+
+      [report.created_at, report.general_coverage]
+    end
+  end
 end

app/models/report.rb

@@ -58,10 +58,14 @@ def simplecov_generate_results
     end
   end
 
+  def general_coverage
+    results["general_coverage"]
+  end
+
   def formatted_coverage
-    return if results["general_coverage"].blank?
+    return if general_coverage.blank?
 
-    "#{results["general_coverage"]}%"
+    "#{general_coverage}%"
   end
 
   private

app/views/projects/show.html.erb

@@ -2,6 +2,8 @@
 <h5>Project</h5>
 <h1><%= @project.handle %></h1>
 
+<%= line_chart @project.reports_coverage_progress %>
+
 <div>
   <ul class="list-disc">
     <h4>Reports</h4>

config/importmap.rb

@@ -5,3 +5,7 @@
 pin "@hotwired/stimulus", to: "stimulus.min.js"
 pin "@hotwired/stimulus-loading", to: "stimulus-loading.js"
 pin_all_from "app/javascript/controllers", under: "controllers"
+
+# https://chartkick.com/
+pin "chartkick", to: "chartkick.js"
+pin "Chart.bundle", to: "Chart.bundle.js"