watchdog-dashboard 0.1.0

data/app/controllers/watchdog/dashboard/dashboard_controller.rb

@@ -0,0 +1,71 @@
+module Watchdog::Dashboard
+  class DashboardController < ApplicationController
+    include MetricStats
+    include FlakyStats
+
+    def index
+    end
+
+    def historic
+      @metrics = Metric.all
+
+      @run_time_distribution = run_time_distribution
+      @performance_trend = performance_trend
+      @test_count_trend = test_count_trend
+      @longest_tests_by_day = longest_tests_by_day
+      @total_execution_time_by_day = total_execution_time_by_day
+      @tests_exceeding_time_threshold = tests_exceeding_time_threshold
+      @failed_tests_trend_by_file = failed_tests_trend_by_file
+      @avg_execution_time_by_file = avg_execution_time_by_file
+      @stability_trend = stability_trend
+    end
+
+    def metrics
+      return redirect_to root_path if Metric.count.zero?
+
+      @metrics = Metric.all
+      @average_time = average_time
+      @fastest_test = fastest_test
+      @slowest_test = slowest_test
+      @percentiles = percentiles
+      @failed_tests = failed_tests
+      @tests_grouped_by_file = tests_grouped_by_file
+      @tests_that_took_longer_than = tests_that_took_longer_than(0.5)
+      @time_distribution_analysis = time_distribution_analysis
+
+      @test_stability_analysis = test_stability_analysis
+      @total_tests = @test_stability_analysis[:total_tests]
+      @passed_percentage = @test_stability_analysis[:passed_percentage]
+      @failed_percentage = @test_stability_analysis[:failed_percentage]
+      @pending_percentage = @test_stability_analysis[:pending_percentage]
+
+      @execution_time_variance = execution_time_variance
+      @temporal_complexity_analysis = temporal_complexity_analysis
+      @test_dependency_analysis = test_dependency_analysis
+    end
+
+    def flakies
+      return redirect_to root_path if Metric.count.zero?
+
+      @metrics = Metric.all
+      @average_time = flaky_average_time
+      @fastest_test = flaky_fastest_test
+      @slowest_test = flaky_slowest_test
+      @percentiles = flaky_percentiles
+      @failed_tests = flaky_failed_tests
+      @tests_grouped_by_file = flaky_tests_grouped_by_file
+      @tests_that_took_longer_than = flaky_tests_that_took_longer_than(0.5)
+      @time_distribution_analysis = flaky_time_distribution_analysis
+
+      @test_stability_analysis = flaky_test_stability_analysis
+      @total_tests = @test_stability_analysis[:total_tests]
+      @passed_percentage = @test_stability_analysis[:passed_percentage]
+      @failed_percentage = @test_stability_analysis[:failed_percentage]
+      @pending_percentage = @test_stability_analysis[:pending_percentage]
+
+      @execution_time_variance = flaky_execution_time_variance
+      @temporal_complexity_analysis = flaky_temporal_complexity_analysis
+      @test_dependency_analysis = flaky_test_dependency_analysis
+    end
+  end
+end

data/app/controllers/watchdog/dashboard/metrics_controller.rb

@@ -0,0 +1,37 @@
+module Watchdog::Dashboard
+  class MetricsController < ApplicationController
+    skip_forgery_protection
+    before_action :authenticate_token
+
+    def analytics
+      batch = params[:metrics]
+
+      metrics_to_insert = batch.map do |metric|
+        Metric.create!(
+          description: metric[:description],
+          file_path: metric[:file_path],
+          location: metric[:location],
+          run_time: metric[:run_time],
+          status: metric[:status],
+          error_message: metric[:error_message],
+          flaky: metric[:flaky]
+        )
+      end
+    end
+
+    private
+
+    def metric_params
+      params.require(:metric).permit(:description, :file_path, :location, :run_time, :status, :error_message, :flaky)
+    end
+
+    def authenticate_token
+      expected_token =  Watchdog::Dashboard.config.watchdog_api_token
+      request_token = request.headers["Authorization"]
+
+      unless request_token.present? && ActiveSupport::SecurityUtils.secure_compare(request_token, expected_token)
+        render json: { error: "Unauthorized" }, status: :unauthorized
+      end
+    end
+  end
+end

data/app/helpers/watchdog/dashboard/application_helper.rb

@@ -0,0 +1,6 @@
+module Watchdog
+  module Dashboard
+    module ApplicationHelper
+    end
+  end
+end

data/app/helpers/watchdog/dashboard/dashboard_helper.rb

@@ -0,0 +1,4 @@
+module Watchdog::Dashboard
+  module DashboardHelper
+  end
+end

data/app/helpers/watchdog/dashboard/metrics_helper.rb

@@ -0,0 +1,4 @@
+module Watchdog::Dashboard
+  module MetricsHelper
+  end
+end

data/app/jobs/watchdog/dashboard/application_job.rb

@@ -0,0 +1,6 @@
+module Watchdog
+  module Dashboard
+    class ApplicationJob < ActiveJob::Base
+    end
+  end
+end

data/app/mailers/watchdog/dashboard/application_mailer.rb

@@ -0,0 +1,8 @@
+module Watchdog
+  module Dashboard
+    class ApplicationMailer < ActionMailer::Base
+      default from: "from@example.com"
+      layout "mailer"
+    end
+  end
+end

data/app/models/watchdog/dashboard/application_record.rb

@@ -0,0 +1,7 @@
+module Watchdog
+  module Dashboard
+    class ApplicationRecord < ActiveRecord::Base
+      self.abstract_class = true
+    end
+  end
+end

data/app/models/watchdog/dashboard/metric.rb

@@ -0,0 +1,5 @@
+module Watchdog::Dashboard
+  class Metric < ApplicationRecord
+    scope :flaky, -> { where(flaky: true) }
+  end
+end

data/app/views/layouts/watchdog/dashboard/application.html.erb

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Watchdog Dashboard</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= yield :head %>
+
+  <%= stylesheet_link_tag    "watchdog/dashboard/application", media: "all" %>
+</head>
+<body>
+
+<style>
+  body {
+      font-family: monospace;
+      margin: 0;
+      background-image: linear-gradient(to bottom right, rgb(17, 24, 39), rgb(12, 74, 110));
+      color: rgb(229, 231, 235);
+      display: flex;
+  }
+</style>
+
+<%= render "sidebar" %>
+<%= yield %>
+
+</body>
+</html>

data/app/views/watchdog/dashboard/dashboard/_sidebar.html.erb

@@ -0,0 +1,83 @@
+<div class="sidebar">
+    <div class="sidebar-header">
+        <h2>📊 RSpec Dashboard</h2>
+    </div>
+    <ul class="sidebar-menu">
+        <li class="<%= 'active' if controller_name == 'dashboard' && action_name == 'index' %>">
+          <%= link_to "📌 Summary", root_path, class: "active" %>
+        </li>
+        <li class="<%= 'active' if controller_name == 'dashboard' && action_name == 'metrics' %>">
+          <%= link_to "📈 Metrics", metrics_path %>
+        </li>
+        <li class="<%= 'active' if controller_name == 'dashboard' && action_name == 'flakies' %>">
+          <%= link_to "🔥 Flaky Tests", flakies_path %>
+        </li>
+        <li class="<%= 'active' if controller_name == 'dashboard' && action_name == 'historic' %>">
+          <%= link_to "📜 Historic", historic_path %>
+        </li>
+    </ul>
+</div>
+<style>
+/* Estilos generales */
+
+
+/* Sidebar */
+.sidebar {
+    width: 260px;
+    height: 100vh;
+    background: #1e293b;
+    color: white;
+    padding: 20px;
+    flex-shrink: 0;
+    display: flex;
+    flex-direction: column;
+    box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);
+}
+
+/* Header del Sidebar */
+.sidebar-header {
+    text-align: center;
+    font-size: 18px;
+    font-weight: bold;
+    padding: 10px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+}
+
+/* Menú del Sidebar */
+.sidebar-menu {
+    list-style: none;
+    padding: 0;
+    margin-top: 20px;
+}
+
+.sidebar-menu li {
+    margin: 12px 0;
+}
+
+.sidebar-menu li a {
+    display: block;
+    padding: 12px 16px;
+    color: white;
+    text-decoration: none;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    font-size: 16px;
+}
+
+.sidebar-menu li a:hover {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+/* Estilo para la opción activa */
+.sidebar-menu .active a {
+    background: #3b82f6;
+    font-weight: bold;
+}
+
+/* Contenido del Dashboard */
+.dashboard-content {
+    flex: 1;
+    padding: 20px;
+    margin-left: 260px;
+}
+</style>

data/app/views/watchdog/dashboard/dashboard/flakies.html.erb

@@ -0,0 +1,263 @@
+    <style>
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 32px;
+        }
+        .header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            margin-bottom: 1.5rem;
+        }
+        .title {
+            font-size: 1.875rem;
+            color: rgb(74, 222, 128);
+        }
+        .version {
+            font-size: 0.875rem;
+            color: rgb(156, 163, 175);
+            margin-left: 0.5rem;
+        }
+        .last-scan {
+            background-color: rgba(31, 41, 55, 0.7);
+            padding: 0.25rem 0.75rem;
+            border-radius: 0.375rem;
+            border-left: 2px solid rgb(239, 68, 68);
+            font-size: 0.75rem;
+        }
+        .last-scan-time {
+            color: rgb(250, 204, 21);
+        }
+        .summary-grid {
+            display: grid;
+            grid-template-columns: repeat(4, 1fr);
+            gap: 1.5rem;
+            margin-bottom: 2rem;
+        }
+        .summary-card {
+            background-color: rgba(31, 41, 55, 0.8);
+            padding: 1rem;
+            border-radius: 0.5rem;
+            border: 1px solid rgb(55, 65, 81);
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+            transition: border-color 0.3s;
+            text-align: center;
+        }
+        .summary-card:hover {
+            border-color: rgb(239, 68, 68);
+        }
+        .summary-card h3 {
+            font-size: 1.25rem;
+            margin-bottom: 0.5rem;
+            color: rgb(248, 113, 113);
+        }
+        .summary-card .value {
+            font-size: 2.25rem;
+            font-weight: 700;
+            margin-bottom: 0.5rem;
+        }
+        .summary-card .trend {
+            font-size: 0.875rem;
+            color: rgb(156, 163, 175);
+        }
+        .content-grid {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 1.5rem;
+            margin-bottom: 2rem;
+        }
+        .section {
+            background-color: rgba(31, 41, 55, 0.8);
+            padding: 1rem;
+            border-radius: 0.5rem;
+            border: 1px solid rgb(55, 65, 81);
+            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
+        }
+        .section h3 {
+            font-size: 1.25rem;
+            margin-bottom: 1rem;
+            color: rgb(250, 204, 21);
+            text-align: center;
+        }
+        .section ul {
+            list-style-type: none;
+            padding: 0;
+        }
+        .section ul li {
+            border-bottom: 1px solid rgb(55, 65, 81);
+            padding: 0.5rem 0;
+        }
+        .section ul li:last-child {
+            border-bottom: none;
+        }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            font-size: 0.875rem;
+        }
+        table thead tr {
+            border-bottom: 1px solid rgb(55, 65, 81);
+            color: rgb(156, 163, 175);
+        }
+        table tbody tr {
+            border-bottom: 1px solid rgb(55, 65, 81);
+            transition: background-color 0.2s;
+        }
+        table tbody tr:hover {
+            background-color: rgba(127, 29, 29, 0.2);
+        }
+        table th, table td {
+            border: 1px solid rgb(55, 65, 81);
+            padding: 0.5rem 1rem;
+            text-align: left;
+        }
+        .footer {
+            margin-top: 2rem;
+            font-size: 0.75rem;
+            color: rgb(107, 114, 128);
+            text-align: center;
+        }
+        .footer a {
+            color: rgb(96, 165, 250);
+            text-decoration: none;
+            transition: color 0.2s;
+        }
+        .footer a:hover {
+            color: rgb(248, 113, 113);
+        }
+        .warning {
+            text-align: center;
+            color: #e74c3c;
+            margin: 30px 0;
+            font-size: 1.25rem;
+        }
+        .percentile-list li {
+            display: flex;
+            justify-content: space-between;
+            padding: 0.25rem 0;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="header">
+            <div>
+                <span class="title">🔍 Rspec Watchdog Dashboard</span>
+                <span class="version">v<%= Watchdog::Dashboard::VERSION %>-alpha</span>
+            </div>
+            <div class="last-scan">
+                Last scan: <span class="last-scan-time"><%= Time.current.strftime('%Y-%m-%d %H:%M:%S UTC') %></span>
+            </div>
+        </div>
+
+        <div class="summary-grid">
+            <div class="summary-card">
+                <h3>📊 Total Tests</h3>
+                <div class="value"><%= @total_tests %></div>
+                <div class="trend">All Tests</div>
+            </div>
+            <div class="summary-card">
+                <h3>✅ Passed Tests</h3>
+                <div class="value"><%= @passed_percentage %>%</div>
+                <div class="trend">Passing Rate</div>
+            </div>
+            <div class="summary-card">
+                <h3>🕒 Avg Execution</h3>
+                <div class="value"><%= sprintf('%.4f', @average_time) %>s</div>
+                <div class="trend">Test Duration</div>
+            </div>
+            <div class="summary-card">
+                <h3>❌ Failed Tests</h3>
+                <div class="value"><%= @failed_percentage %>%</div>
+                <div class="trend">Failure Rate</div>
+            </div>
+        </div>
+
+        <% if @failed_tests.any? %>
+            <div class="warning">❌ Failed Tests Detected ❌</div>
+        <% end %>
+
+        <div class="content-grid">
+            <div class="section">
+                <h3>⚡ Fastest vs 🐢 Slowest Test</h3>
+                <ul>
+                    <li>
+                        <strong>Fastest Test:</strong>
+                        <%= @fastest_test.description %>
+                        (Time: <%= sprintf('%.4f', @fastest_test.run_time) %> s)
+                    </li>
+                    <li>
+                        <strong>Slowest Test:</strong>
+                        <%= @slowest_test.description %>
+                        (Time: <%= sprintf('%.4f', @slowest_test.run_time) %> s)
+                    </li>
+                </ul>
+            </div>
+            <div class="section">
+                <h3>📊 Time Distribution</h3>
+                <ul>
+                    <% @time_distribution_analysis.each do |category, count| %>
+                        <li><%= category %>: <%= count %> tests</li>
+                    <% end %>
+                </ul>
+            </div>
+        </div>
+
+        <div class="content-grid">
+            <div class="section percentile-list">
+                <h3>📈 Execution Time Percentiles</h3>
+                <ul>
+                    <% @percentiles.each do |percentile| %>
+                        <li>
+                            <span><%= percentile[:percentile] %>% Percentile</span>
+                            <span><%= sprintf('%.4f', percentile[:run_time]) %> s</span>
+                        </li>
+                    <% end %>
+                </ul>
+            </div>
+            <div class="section">
+                <h3>❌ Failed Tests Details</h3>
+                <ul>
+                    <% @failed_tests.each do |test| %>
+                        <li>
+                            <%= test.description %>
+                            (File: <%= test.file_path %>,
+                            Location: <%= test.location %>)
+                        </li>
+                    <% end %>
+                </ul>
+            </div>
+        </div>
+
+        <div class="section">
+            <h3>📊 Detailed Test Metrics</h3>
+            <table>
+                <thead>
+                    <tr>
+                        <th>Description</th>
+                        <th>File</th>
+                        <th>Location</th>
+                        <th>Execution Time (s)</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <% @metrics.each do |metric| %>
+                        <tr>
+                            <td><%= metric.description %></td>
+                            <td><%= metric.file_path %></td>
+                            <td><%= metric.location %></td>
+                            <td><%= sprintf('%.4f', metric.run_time) %></td>
+                        </tr>
+                    <% end %>
+                </tbody>
+            </table>
+        </div>
+
+        <div class="footer">
+            <p>Dashboard <span class="version">v<%= Watchdog::Dashboard::VERSION %>-alpha</span> | Data refreshed every 6 hours |
+                <a href="#">Configure alerts</a> |
+                <a href="#">Export data</a>
+            </p>
+        </div>
+    </div>