scriptorium 0.0.3 → 0.7.2

data/test/manual/create_posts_for_web.rb

@@ -0,0 +1,114 @@
+require_relative './environment'
+
+manual_setup
+
+# Create a view for testing posts in the correct location for the web app
+# First, clean up the old repo and create a new one in the right location
+system("rm -rf ui/web/scriptorium-TEST")
+@repo = Scriptorium::Repo.create("ui/web/scriptorium-TEST", testmode: true)
+view = @repo.create_view("web-test", "Web App Test View", "Testing posts in the web interface")
+
+puts "Creating posts for web app testing..."
+
+# Create 45 posts with varied content
+45.times do |i|
+  # Create posts with different titles and content
+  title = case i % 5
+  when 0
+    "Technical Post #{i + 1}: Ruby Programming"
+  when 1
+    "Creative Post #{i + 1}: Writing and Art"
+  when 2
+    "Science Post #{i + 1}: Physics and Math"
+  when 3
+    "Philosophy Post #{i + 1}: Deep Thoughts"
+  else
+    "Misc Post #{i + 1}: Random Topics"
+  end
+  
+  # Create varied body content
+  body = case i % 4
+  when 0
+    "This is a technical post about programming and software development. " +
+    "It covers various aspects of Ruby programming, including best practices, " +
+    "design patterns, and performance optimization techniques."
+  when 1
+    "A creative exploration of writing, art, and expression. " +
+    "This post delves into the creative process, inspiration, and " +
+    "the intersection of technology and creativity."
+  when 2
+    "An exploration of scientific concepts, from physics to mathematics. " +
+    "This post discusses fundamental principles, recent discoveries, " +
+    "and the beauty of scientific understanding."
+  else
+    "Philosophical musings on life, technology, and human nature. " +
+    "This post explores deep questions about consciousness, existence, " +
+    "and the meaning of it all."
+  end
+  
+  # Add some code examples for syntax highlighting
+  if i % 3 == 0
+    body += "\n\n```ruby\n# Example Ruby code\ndef hello_world\n  puts 'Hello, World!'\nend\n\nhello_world\n```"
+  end
+  
+  # Create the post
+  post = @repo.create_post(title: title, body: body)
+  
+  # Set publication dates spread across different days
+  # Use modulo to get valid dates (1-31 for January)
+  day = (i % 31) + 1
+  post.set_pubdate_with_seconds("2025-01-#{day.to_s.rjust(2, '0')}", i % 60)
+  
+  # Generate the post
+  @repo.generate_post(post.id)
+  
+  puts "Created post #{i + 1}: #{title}"
+end
+
+# Generate the front page for the view
+view.generate_front_page
+
+puts "\n" + "="*60
+puts "POSTS CREATED SUCCESSFULLY!"
+puts "="*60
+puts "Created 45 posts in view 'web-test'"
+puts "Posts have varied titles, content, and publication dates"
+puts "Some posts include code examples for syntax highlighting"
+puts "\nTo view in web app:"
+puts "1. Start the web app: ./ui/web/bin/scriptorium-web start"
+puts "2. Open browser to: http://localhost:4567"
+puts "3. Select the 'web-test' view"
+puts "4. Browse posts and test pagination"
+puts "\nFiles generated in: test/scriptorium-TEST/views/web-test/output/"
+
+instruct <<~EOS
+  Posts created successfully!
+  
+  Next steps:
+  1. Start the web app with: ./ui/web/bin/scriptorium-web start
+  2. Open browser to http://localhost:4567
+  3. Select 'web-test' view from the dropdown
+  4. Browse the posts and test the interface
+  
+  The posts include:
+  - 45 posts with varied content types
+  - Different publication dates (spread across 45 days)
+  - Code examples for syntax highlighting
+  - Varied titles and content themes
+  
+EOS
+
+# Clean up webrick if it was started
+begin
+  line = `ps | grep "ruby -run -e httpd" | grep -v grep`
+  if line.strip != ""
+    pid = line.split.first
+    pid2 = pid.to_i + 1
+    system("kill #{pid} #{pid2}")
+    puts "Cleaned up webrick server"
+  end
+rescue => e
+  puts "No webrick server to clean up"
+end
+
+puts "\nManual test complete! You can now test the web app with these posts."

data/test/manual/environment.rb

@@ -0,0 +1,67 @@
+# Set up environment for manual tests
+ENV['PATH'] = "#{ENV['HOME']}/.rbenv/shims:#{ENV['PATH']}"
+
+# rbenv should be enabled in the shell before running manual tests
+
+require_relative '../../lib/scriptorium'
+require_relative '../test_helpers'
+
+include TestHelpers
+
+def manual_setup
+  system("rm -rf test/scriptorium-TEST")
+
+  @repo = Scriptorium::Repo.create("test/scriptorium-TEST", testmode: true)  # true for testing mode
+
+  @pid = nil
+  Dir.chdir(File.expand_path("..", __dir__)) do
+    Process.spawn ("ruby -run -e httpd . -p 8000 >/dev/null 2>&1") 
+    sleep 1
+    puts "webrick started\n "
+  end
+end
+
+def instruct(msg)
+  lines = msg.split("\n")
+  longest = lines.map {|line| line.length }.max
+  puts "  +" + "-" * (longest + 4) + "+"
+  lines.each do |line|
+    puts "  | #{line.ljust(longest + 2)} |"
+  end
+  puts "  +" + "-" * (longest + 4) + "+"
+  puts
+end
+
+def examine(view)
+  view = @repo.lookup_view(view)
+  index_url = "http://127.0.0.1:8000/scriptorium-TEST/views/#{view.name}/output/index.html"
+  puts "Generated front page located at: \n#{index_url}"
+  
+  if ARGV.include?('--automated')
+    # Automated mode - just validate files were created
+    index_file = "test/scriptorium-TEST/views/#{view.name}/output/index.html"
+    if File.exist?(index_file)
+      puts "✓ Files generated successfully"
+    else
+      puts "✗ Error: Index file not generated"
+      exit 1
+    end
+    return
+  end
+  
+  puts "Press Enter to open the generated front page to inspect the result."
+  STDIN.gets
+  cmd = "open #{index_url}"
+  see("cmd = ", cmd)
+  system("open #{index_url}")
+
+  puts "Press Enter to kill webrick"
+  STDIN.gets
+  line = `ps | grep "ruby -run -e httpd" | grep -v grep`
+  pid = line.split.first
+  puts "line: #{line}"
+  puts "pid: #{pid}"
+  pid2 = pid.to_i + 1
+  system("kill #{pid} #{pid2}")
+  puts "Killed\n "
+end

data/test/manual/make_banner.rb

@@ -0,0 +1,153 @@
+#!/usr/bin/env ruby
+
+require_relative '../../lib/scriptorium'
+include Scriptorium::Helpers
+
+# Simple banner test from configuration file
+def test_banner_from_file(config_file, title = nil, subtitle = nil, output_file = nil)
+  # Default output file if not specified
+  output_file ||= "banner_output.html"
+  
+  # Default titles if not specified
+  title ||= "Test Banner"
+  subtitle ||= "Generated from config file"
+  
+  # Read the configuration file
+  unless File.exist?(config_file)
+    puts "Error: Configuration file '#{config_file}' not found"
+    exit 1
+  end
+  
+  # Use the read_commented_file helper to read the config
+  config_lines = read_commented_file(config_file)
+  config_content = File.read(config_file)  # Keep original for display
+  
+  puts "Read configuration from: #{config_file}"
+  puts "Found #{config_lines.length} configuration lines (comments removed)"
+  puts "Title: #{title}"
+  puts "Subtitle: #{subtitle}"
+  
+  # Create banner with the actual titles from View
+  banner = Scriptorium::BannerSVG.new(title, subtitle)
+  
+  # Write config to temporary file for banner to read
+  temp_config = "config.txt"
+  File.write(temp_config, config_content)
+  
+  # Parse and generate the banner
+  banner.parse_header_svg
+  svg_output = banner.generate_svg
+  
+  # Clean up temp config file
+  File.delete(temp_config) if File.exist?(temp_config)
+  
+  # Create HTML output
+  html_content = <<~HTML
+    <!DOCTYPE html>
+    <html>
+    <head>
+        <title>Banner Test - #{File.basename(config_file)}</title>
+        <style>
+            body { 
+                font-family: Arial, sans-serif; 
+                margin: 0; 
+                padding: 20px; 
+                background: #f5f5f5; 
+            }
+            .banner { 
+                width: 100%; 
+                max-width: 800px; 
+                margin: 0 auto 20px auto; 
+                border: 2px solid #007cba; 
+                border-radius: 8px; 
+                box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+            }
+            .config { 
+                background: white; 
+                padding: 20px; 
+                margin: 20px auto; 
+                max-width: 800px;
+                border-radius: 8px;
+                box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+            }
+            .config h3 { 
+                margin-top: 0; 
+                color: #333; 
+            }
+            .config pre { 
+                background: #f8f9fa; 
+                padding: 15px; 
+                border-radius: 4px; 
+                overflow-x: auto;
+                font-family: monospace;
+                font-size: 12px;
+            }
+            .info {
+                background: white;
+                padding: 20px;
+                margin: 20px auto;
+                max-width: 800px;
+                border-radius: 8px;
+                box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+            }
+            .processed-config {
+                background: #e8f4fd;
+                padding: 15px;
+                margin: 10px 0;
+                border-radius: 4px;
+                font-family: monospace;
+                font-size: 12px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="banner">
+            #{svg_output}
+        </div>
+        
+        <div class="info">
+            <h3>Banner Information</h3>
+            <p><strong>Configuration file:</strong> #{config_file}</p>
+            <p><strong>Output file:</strong> #{output_file}</p>
+            <p><strong>Generated:</strong> #{Time.now.strftime("%Y-%m-%d %H:%M:%S")}</p>
+            <p><strong>Configuration lines processed:</strong> #{config_lines.length}</p>
+        </div>
+        
+        <div class="config">
+            <h3>Configuration Used </h3>
+            <pre>#{config_content}</pre>
+        </div>
+    </body>
+    </html>
+  HTML
+  
+  # Write the HTML file
+  File.write(output_file, html_content)
+  puts "Generated banner HTML: #{output_file}"
+  
+  # Open in browser if on macOS
+  if RUBY_PLATFORM.include?('darwin')
+    puts "Opening in browser..."
+    system("open #{output_file}")
+  else
+    puts "Open #{output_file} in your browser to view the banner"
+  end
+end
+
+# Main execution
+if ARGV.empty?
+  puts "Usage: ruby make_banner.rb <config_file> [title] [subtitle] [output_file]"
+  puts ""
+  puts "Example:"
+  puts "  ruby make_banner.rb my_banner_config.txt"
+  puts "  ruby make_banner.rb my_banner_config.txt 'My Blog' 'A subtitle'"
+  puts "  ruby make_banner.rb my_banner_config.txt 'My Blog' 'A subtitle' custom_output.html"
+  exit 1
+end
+
+config_file = ARGV[0]
+title = ARGV[1]      # Optional
+subtitle = ARGV[2]   # Optional
+output_file = ARGV[3] # Optional
+
+test_banner_from_file(config_file, title, subtitle, output_file) 

data/test/manual/preview_manual_test.rb

@@ -0,0 +1,129 @@
+require 'minitest/autorun'
+require_relative '../../lib/scriptorium'
+require_relative '../test_helpers'
+require_relative '../web_test_helper'
+require_relative '../support/preview_utils'
+require 'fileutils'
+require 'shellwords'
+
+# Manual-inspection oriented preview tests
+# - Does not enforce strict order
+# - Prints absolute paths and preview URLs to inspect
+# - Set MANUAL_KEEP=1 to skip teardown so artifacts remain
+
+class PreviewManualTest < Minitest::Test
+  include TestHelpers
+  include WebTestHelper
+
+  def interactive_open(label:, paths: [], urls: [])
+    PreviewUtils.interactive_open(label: label, paths: paths, urls: urls)
+  end
+
+  def setup
+    # Use the web app's test repo location so preview routes see generated files
+    @repo_name = "ui/web/scriptorium-TEST"
+    @view_name = "manual_preview_view"
+
+    @api = Scriptorium::API.new
+    # Ensure a clean slate before creating the repo
+    begin
+      FileUtils.rm_rf(@repo_name)
+      backup_dir = File.join(File.dirname(@repo_name), 'backup-scriptorium-TEST')
+      FileUtils.rm_rf(backup_dir)
+    rescue => e
+      puts "[Manual] Warning: cleanup failed: #{e.message}"
+    end
+    @api.create_repo(@repo_name)
+    @api.open_repo(@repo_name)
+    @api.create_view(@view_name, "Manual Preview View")
+
+    # Ensure required UI/social icons are available in the view
+    begin
+      @api.copy_asset('icons/ui/back.png',    from: 'gem', to: 'view', view: @view_name)
+    rescue => e
+      puts "[Manual] Warning: could not copy icons/ui/back.png from gem: #{e.message}"
+    end
+    begin
+      @api.copy_asset('icons/social/reddit.png', from: 'gem', to: 'view', view: @view_name)
+    rescue => e
+      puts "[Manual] Warning: could not copy icons/social/reddit.png from gem: #{e.message}"
+    end
+
+    # Seed some posts
+    @api.create_post("Manual Post A", "Blurb A")
+    @api.create_post("Manual Post B", "Blurb B")
+
+    # Configure post index (line break in date, enable pagination)
+    PreviewUtils.write_post_index_config(@repo_name, @view_name)
+
+    # Add an image and reference it in post 0001
+    # Use a real image so the browser can render it
+    sample_image = File.expand_path("test/assets/testbanner.jpg")
+    @api.upload_asset(sample_image, filename: 'manual.jpg')
+    PreviewUtils.reference_image_in_post(@repo_name, '0001', 'manual.jpg')
+
+    @api.generate_view(@view_name)
+  end
+
+  def teardown
+    return if ENV['MANUAL_KEEP'] == '1'
+    FileUtils.rm_rf(@repo_name)
+  end
+
+  # 100-series: Index preview
+  def test_100_preview_index_artifacts
+    base = File.expand_path(File.join(@repo_name, 'views', @view_name))
+    index_file = File.join(base, 'output', 'index.html')
+    post_index = File.join(base, 'output', 'post_index.html')
+    page1 = File.join(base, 'output', 'page1.html')
+
+    assert File.exist?(index_file), 'index.html missing'
+    assert File.exist?(post_index), 'post_index.html missing'
+    assert File.exist?(page1), 'page1.html missing'
+
+    puts "\n[Manual] Inspect artifacts (server-first). Files shown for reference:"
+    puts "  URL : http://localhost:4567/preview/#{@view_name}/index.html"
+    puts "  File: #{index_file}"
+    puts "  File: #{post_index}"
+    puts "  File: #{page1}"
+    # Restart server to ensure preview routes work
+    stop_web_server
+    start_web_server
+    # Open server URL only to avoid file:// CORS issues
+    interactive_open(label: 'index (server)', paths: [], urls: ["http://localhost:4567/preview/#{@view_name}/index.html"])
+  end
+
+  # 200-series: One post page and asset
+  def test_200_post_and_asset_reference
+    base = File.expand_path(File.join(@repo_name, 'views', @view_name))
+    meta = File.read(File.join(@repo_name, 'posts', '0001', 'meta.txt'))
+    slug = meta.lines.grep(/^post.slug\s+/).first.split.last
+    post_html = File.join(base, 'output', 'posts', slug)
+    asset_in_output = File.join(base, 'output', 'assets', 'manual.jpg')
+
+    assert File.exist?(post_html), 'Post HTML missing'
+    html = File.read(post_html)
+    assert_includes html, "<img src=../assets/manual.jpg", 'Expected relative asset path in post'
+
+    # Global asset copied to output for serving
+    assert File.exist?(asset_in_output), 'Expected asset copied to output/assets'
+
+    # Clarify exact image path and how the browser resolves it
+    img_src = html[/<img[^>]+src=([^\s>]+)/, 1]
+    resolved_img_path = File.expand_path(img_src, File.dirname(post_html)) if img_src
+
+    puts "\n[Manual] Inspect post and asset:"
+    puts "  File: #{post_html}"
+    puts "  File: #{asset_in_output}"
+    puts "  IMG  src (from HTML): #{img_src}"
+    puts "  IMG  resolves to    : #{resolved_img_path}"
+    puts "  URL : /preview/#{@view_name}/posts/#{slug}"
+    puts "  URL : /preview/#{@view_name}/assets/manual.jpg"
+    # Restart server to ensure preview routes work
+    stop_web_server
+    start_web_server
+    # Open server URLs only; list local paths for reference
+    interactive_open(label: 'post (server)', paths: [], urls: ["http://localhost:4567/preview/#{@view_name}/posts/#{slug}"])
+    interactive_open(label: 'asset (server)', paths: [], urls: ["http://localhost:4567/preview/#{@view_name}/assets/manual.jpg"])
+  end
+end

data/test/manual/sample_banner_config.txt

@@ -0,0 +1,12 @@
+aspect          7.0         # Aspect ratio (width:height)
+text.font       verdana     # For both title and subtitle
+text.color      #cccccc
+text.justify    left        # For both title and subtitle
+
+title.scale     0.8         # ~48px (1.5x <h1>)
+subtitle.scale  0.4         # 24px ~= <h2>
+
+title.style     bold        # boldfaced title
+subtitle.style  bold italic # bold *and* italic (actually uses SVG weight and style)
+title.xy        5 10
+subtitle.xy     5 40 

data/test/manual/test_advanced_widgets.rb

@@ -0,0 +1,73 @@
+require_relative './environment'
+
+manual_setup
+
+srand(42)  # for random posts
+
+create_3_views
+create_13_posts_manual
+alter_pubdates
+
+view = @repo.view("blog3")
+File.open(view.dir/:config/"layout.txt", "w") do |f|
+  f.puts "header"
+  f.puts "main"
+  f.puts "right  20%"
+end
+view.generate_empty_containers
+File.open(view.dir/:config/"right.txt", "w") do |f|
+  f.puts "widget links"
+  f.puts "widget pages"
+end
+
+# Set up the Links widget
+data = view.dir/:widgets/"links/list.txt"
+Dir.mkdir(view.dir/:widgets/"links")
+File.open(data, "w") do |f|
+  f.puts "https://www.google.com,Google"
+  f.puts "https://www.yahoo.com,Yahoo"
+end
+see_file data
+
+# Set up the Pages widget with two dummy pages
+pages_dir = view.dir/:widgets/"pages"
+Dir.mkdir(pages_dir)
+
+# Create the list.txt file that the Pages widget reads
+File.open(pages_dir/"list.txt", "w") do |f|
+  f.puts "about"
+  f.puts "contact"
+end
+
+# Create the actual page files
+File.open(view.dir/:pages/"about.html", "w") do |f|
+  f.puts "<html><head><title>About Us</title></head><body>"
+  f.puts "<h1>About Us</h1>"
+  f.puts "<p>Learn more about our company and mission</p>"
+  f.puts "<p><a href=\"index.html\">← Back to Home</a></p>"
+  f.puts "</body></html>"
+end
+File.open(view.dir/:pages/"contact.html", "w") do |f|
+  f.puts "<html><head><title>Contact</title></head><body>"
+  f.puts "<h1>Contact</h1>"
+  f.puts "<p>Get in touch with our team</p>"
+  f.puts "<p><a href=\"index.html\">← Back to Home</a></a></p>"
+  f.puts "</body></html>"
+end
+
+see_file pages_dir/"list.txt"
+see_file view.dir/:pages/"about.html"
+see_file view.dir/:pages/"contact.html"
+
+view.generate_front_page
+
+instruct <<~EOS
+  Again, 13 posts in three views
+  blog3 will have only header, main, right
+  It will have both the Links widget and Pages widget in the right sidebar
+  Click the + to expand widgets
+  Links open in new tabs
+  Pages show dummy content (About Us and Contact)
+EOS
+
+examine view

data/test/manual/test_banner_combinations.rb

@@ -0,0 +1,120 @@
+# Manual inspection tests for BannerSVG feature combinations
+# 
+# This file creates posts with sensible combinations of banner features,
+# demonstrating how multiple features work together in realistic scenarios.
+# The posts are displayed in a browser for visual inspection.
+# 
+# Usage:
+#   ruby test_banner_combinations.rb          # Interactive mode with browser
+#   ruby test_banner_combinations.rb --automated  # Automated mode for CI/AI testing
+# 
+# Combinations tested:
+# - Professional Blue: Dark blue background with white bold centered text
+# - Gradient Elegance: Purple gradient with white bold italic centered text
+# - Warm Welcome: Yellow radial gradient with dark text, left-aligned
+# - High Contrast: Black background with large white bold text
+# - Reverse Contrast: White background with black text, right-aligned
+# - Creative Gradient: Diagonal gradient with white bold centered text
+# - Subtle Elegance: Light gray with dark italic text
+# - Bold Statement: Red gradient with large white bold text
+# - Modern Minimal: Light background with smaller dark text
+# 
+require_relative "./banner_environment"
+
+# Create test banners for sensible combinations
+create_banner_post(
+  "Professional Blue", 
+  "Clean and modern design",
+  "back.color #1e3a8a\ntext.color #ffffff\ntitle.style bold\ntext.position center\ntitle.xy 50% 30%\nsubtitle.xy 50% 70%",
+  "Professional Blue (White text, bold, centered)",
+  "banner-combo-test"
+)
+
+create_banner_post(
+  "Gradient Elegance", 
+  "Smooth color transition",
+  "back.linear #667eea #764ba2 lr\ntext.color #ffffff\ntitle.style bold italic\ntext.position center\ntitle.xy 50% 30%\nsubtitle.xy 50% 70%",
+  "Gradient Elegance (Purple gradient, white text, bold italic, centered)",
+  "banner-combo-test"
+)
+
+create_banner_post(
+  "Warm Welcome", 
+  "Friendly and inviting",
+  "back.radial #fbbf24 #f59e0b\ntext.color #1f2937\ntitle.style bold\ntext.position left\ntitle.xy 10% 30%\nsubtitle.xy 10% 70%",
+  "Warm Welcome (Yellow radial, dark text, bold, left-aligned)",
+  "banner-combo-test"
+)
+
+create_banner_post(
+  "High Contrast", 
+  "Maximum readability",
+  "back.color #000000\ntext.color #ffffff\ntitle.style bold\ntitle.scale 1.2\nsubtitle.scale 0.8\ntext.position center\ntitle.xy 50% 30%\nsubtitle.xy 50% 70%",
+  "High Contrast (Black background, white text, bold, large, centered)",
+  "banner-combo-test"
+)
+
+create_banner_post(
+  "Reverse Contrast", 
+  "Inverted color scheme",
+  "back.color #ffffff\ntext.color #000000\ntitle.style bold\ntext.position right\ntitle.xy 90% 30%\nsubtitle.xy 90% 70%",
+  "Reverse Contrast (White background, black text, bold, right-aligned)",
+  "banner-combo-test"
+)
+
+create_banner_post(
+  "Creative Gradient", 
+  "Diagonal color flow",
+  "back.linear #ff6b6b #4ecdc4 ul-lr\ntext.color #ffffff\ntitle.style bold\ntitle.scale 1.1\nsubtitle.scale 0.7\ntext.position center\ntitle.xy 50% 30%\nsubtitle.xy 50% 70%",
+  "Creative Gradient (Diagonal gradient, white text, bold, centered)",
+  "banner-combo-test"
+)
+
+create_banner_post(
+  "Subtle Elegance", 
+  "Understated beauty",
+  "back.color #f8fafc\ntext.color #475569\ntitle.style italic\ntext.position center\ntitle.xy 50% 35%\nsubtitle.xy 50% 75%",
+  "Subtle Elegance (Light gray background, dark text, italic, centered)",
+  "banner-combo-test"
+)
+
+create_banner_post(
+  "Bold Statement", 
+  "Make an impact",
+  "back.linear #dc2626 #7c2d12 tb\ntext.color #ffffff\ntitle.style bold\ntitle.scale 1.3\nsubtitle.scale 0.9\ntext.position center\ntitle.xy 50% 25%\nsubtitle.xy 50% 75%",
+  "Bold Statement (Red gradient, white text, bold, large, centered)",
+  "banner-combo-test"
+)
+
+create_banner_post(
+  "Modern Minimal", 
+  "Clean and simple",
+  "back.color #f1f5f9\ntext.color #0f172a\ntitle.style bold\ntitle.scale 0.9\nsubtitle.scale 0.6\ntext.position left\ntitle.xy 5% 40%\nsubtitle.xy 5% 80%",
+  "Modern Minimal (Light background, dark text, bold, left-aligned, smaller)",
+  "banner-combo-test"
+)
+
+generate_front_page("banner-combo-test")
+
+instruct <<~EOS
+  BannerSVG Combination Tests
+  
+  This page displays posts with sensible feature combinations:
+  - Professional Blue: Dark blue background with white bold centered text
+  - Gradient Elegance: Purple gradient with white bold italic centered text
+  - Warm Welcome: Yellow radial gradient with dark text, left-aligned
+  - High Contrast: Black background with large white bold text
+  - Reverse Contrast: White background with black text, right-aligned
+  - Creative Gradient: Diagonal gradient with white bold centered text
+  - Subtle Elegance: Light gray with dark italic text
+  - Bold Statement: Red gradient with large white bold text
+  - Modern Minimal: Light background with smaller dark text
+  
+  Each combination shows how multiple features work together.
+  Check that gradients render properly, text positioning is correct,
+  and the overall design looks cohesive and professional.
+  
+  The JavaScript should handle dynamic resizing when you resize the browser window.
+EOS
+
+examine("banner-combo-test")