#!/usr/bin/env bash # # report-generator-html.sh - HTMLレポート生成エンジン # CLI Testing Specialist Agent v1.1.0 # # 機能: # - Bootstrap 5を使用したインタラクティブなHTMLレポート生成 # - テスト結果の視覚的表示（成功率グラフ、ステータスバッジ） # - Shell互換性マトリクス表示 # - フィルタリング・検索機能（JavaScript） # - レスポンシブデザイン対応 set -euo pipefail IFS=$'\n\t' # エラートラップ trap 'echo "Error at line $LINENO in report-generator-html.sh" >&2' ERR # スクリプトのディレクトリを取得 SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)" AGENT_ROOT="$(cd "$SCRIPT_DIR/.." && pwd)" # 依存ファイルの読み込み source "$SCRIPT_DIR/../utils/logger.sh" 2>/dev/null || true # HTMLヘッダー生成 generate_html_header() { local title="$1" local timestamp="$2" cat <<'EOF' CLI Testing Report

EOF echo "

" echo "

$title

" echo "

Generated: $timestamp

" echo "

" } # サマリーセクション生成 generate_summary_section() { local summary_json="$1" local total passed failed skipped success_rate total=$(echo "$summary_json" | jq -r '.total') passed=$(echo "$summary_json" | jq -r '.passed') failed=$(echo "$summary_json" | jq -r '.failed') skipped=$(echo "$summary_json" | jq -r '.skipped') success_rate=$(echo "$summary_json" | jq -r '.success_rate') # 成功率の円グラフ用の値を計算 local circumference=565.48 # 2 * π * 90 local offset=$(awk -v rate="$success_rate" -v circ="$circumference" 'BEGIN {printf "%.2f", circ - (circ * rate / 100)}') cat <

Total Tests

$total

Passed

$passed

Failed

$failed

Skipped

$skipped

Success Rate

${success_rate}%

EOF } # テスト結果セクション生成 generate_test_results_section() { local test_results="$1" cat <<'EOF'

Test Results

EOF # TAPをパースしてHTMLに変換 local test_number=0 while IFS= read -r line; do if [[ "$line" =~ ^ok\ ([0-9]+)\ (.+) ]]; then test_number="${BASH_REMATCH[1]}" local test_name="${BASH_REMATCH[2]}" local status="passed" local icon="check-circle-fill" local badge_class="success" if [[ "$line" =~ \#\ skip ]]; then status="skipped" icon="skip-forward-circle-fill" badge_class="warning" fi cat <

$(echo "$status" | tr '[:lower:]' '[:upper:]') #$test_number $test_name

TESTITEM elif [[ "$line" =~ ^not\ ok\ ([0-9]+)\ (.+) ]]; then test_number="${BASH_REMATCH[1]}" local test_name="${BASH_REMATCH[2]}" if [[ ! "$line" =~ \#\ skip ]]; then cat <

FAILED #$test_number $test_name

TESTITEM fi fi done <<< "$test_results" echo " " } # Shell互換性マトリクス生成 generate_shell_matrix_section() { cat <<'EOF'

Shell Compatibility Matrix

Feature	Bash	Zsh	Dash	Ksh	Fish
Basic Commands	✓	✓	✓	✓	~
POSIX Compliance	✓	✓	✓	✓	✗
Advanced Arrays	✓	✓	✗	~	✓
Process Substitution	✓	✓	✗	✓	~
Extended Globbing	✓	✓	✗	✓	✗

✓ Full Support ~ Partial Support ✗ Not Supported

EOF } # JavaScriptとフッター生成 generate_footer_and_scripts() { local agent_version="${1:-1.1.0-dev}" cat <<'EOF' EOF } # メインHTML生成関数 generate_html_report() { local test_results="$1" local summary_json="$2" local output_file="$3" if command -v log &>/dev/null; then log INFO "Generating HTML report: $output_file" fi local timestamp timestamp=$(date '+%Y-%m-%d %H:%M:%S') local agent_version agent_version=$(cat "$AGENT_ROOT/VERSION" 2>/dev/null || echo "1.1.0-dev") # HTMLファイルを生成 { generate_html_header "CLI Testing Report" "$timestamp" generate_summary_section "$summary_json" generate_test_results_section "$test_results" generate_shell_matrix_section generate_footer_and_scripts "$agent_version" } > "$output_file" if command -v log &>/dev/null; then log INFO "HTML report generated successfully: $output_file" fi } # スクリプトを直接実行した場合 if [[ "${BASH_SOURCE[0]}" == "${0}" ]]; then if [[ $# -lt 3 ]]; then echo "Usage: $0

" >&2 echo "" >&2 echo "Example:" >&2 echo " $0 test-results.tap summary.json report.html" >&2 exit 1 fi test_results_file="$1" summary_json_file="$2" output_file="$3" if [[ ! -f "$test_results_file" ]]; then echo "Error: Test results file not found: $test_results_file" >&2 exit 1 fi if [[ ! -f "$summary_json_file" ]]; then echo "Error: Summary JSON file not found: $summary_json_file" >&2 exit 1 fi test_results=$(cat "$test_results_file") summary_json=$(cat "$summary_json_file") generate_html_report "$test_results" "$summary_json" "$output_file" echo "HTML report generated: $output_file" fi