BlackMagic Test Suite - Index

📖 About This Test Suite

This test suite provides comprehensive testing for all BlackMagic framework settings and configurations. Each test file focuses on specific functionality to help you validate that your dark mode implementation works correctly across different scenarios.

⚙️ Framework Configuration Options

The BlackMagic framework supports the following configuration options:

themeClass - CSS class to toggle instead of dynamic color conversion
factor - Intensity of color changes (0.1 = subtle, 0.8 = dramatic)
backgroundColor - Custom dark mode background color
autoSwitch - Automatically apply saved theme on page load
cookieDuration - How long to remember user's theme preference
cookieName - Custom cookie name for theme storage

8

Test Scenarios

100+

UI Elements

50+

Color Variations

∞

Possibilities

🧪 Test Files

🎨 Comprehensive Test

Complete testing environment with extensive UI elements, colors, and interactive components to thoroughly test the framework's color conversion capabilities.

Settings: Default configuration with factor=0.5, comprehensive color palette, forms, tables, and various UI components.

🎭 Theme Class Mode

Tests using predefined CSS classes instead of dynamic color conversion. Perfect for testing when you have existing dark mode CSS.

Settings: themeClass='dark-theme', predefined CSS rules, toggle-based switching.

🔥 High Factor Conversion

Tests dramatic color changes with high factor values. See how extreme color shifts affect readability and visual appeal.

Settings: factor=0.8, backgroundColor='#0d0d0d', dramatic color transformations.

🌱 Low Factor Conversion

Tests subtle color adjustments with low factor values. Ideal for gentle theme changes that maintain high readability.

Settings: factor=0.1, backgroundColor='#f5f5f5', minimal color shifts.

🔧 Auto Switch Disabled

Tests manual theme control without automatic application of saved preferences. Useful for custom theme logic implementation.

Settings: autoSwitch=false, manual control only, preference saving without auto-application.

🎨 Custom Background Colors

Tests various dark mode background colors to find the perfect tone. Includes pure black, grays, and colored dark themes.

Settings: Multiple backgroundColor options, contrast testing, interactive background selection.

🔄 Persistence Debug Tool

Debug tool for testing theme persistence with real-time cookie and localStorage monitoring. Perfect for troubleshooting storage issues.

Settings: Debug interface, storage monitoring, manual refresh testing, clear storage functionality.

📝 Basic Example

Simple implementation example showing minimal setup and basic usage. Great starting point for new implementations.

Settings: Basic configuration, themeClass mode, simple toggle functionality.