test_modular_components

🧪 Verduno Component Test Lab – Phase 3

Testing ground for new components before screen integration. Safe to break – only affects this page.

💾 CRUD Testing with Fred’s Data (user_id = 16)

📊 Test 1: Consequence Severity (Bipolar Mode – REVERSED)

📊 Test 2: Root Cause Intensity (Bipolar Mode – Standard)

Root Cause: I eat processed foods with low nutritional value

Affects Problem: I have low energy throughout the day

Current Intensity: 0.82

Intensity

0.82

✅ Positive values: GREEN fill to RIGHT; Negative values: RED fill to LEFT

📊 Test 3: Solution Likelihood (Unipolar Mode)

Solution: Establish a consistent 10pm-6am sleep schedule

Addresses Problem: I have low energy throughout the day

Current Likelihood: 0.85

Likelihood

0.85

✅ GREEN fill expands RIGHT from left edge

🎚️ Section 2: Fader Component Display Tests

📊 SEVERITY FADER (Reversed – Red on RIGHT)

Severity = -0.6 (slide RIGHT for MORE severe):

Severity

-0.60

✅ CORRECT: RED fill expands RIGHT as value becomes more negative (more severe)

📊 REGULAR FADER (Intensity/Benefit – Green on RIGHT)

Benefit = +0.4 (slide RIGHT for MORE benefit):

Benefit

0.40

✅ CORRECT: GREEN fill expands RIGHT as value becomes more positive

Intensity = -0.3 (negative values show RED on LEFT):

Intensity

-0.30

✅ CORRECT: RED fill on LEFT (negative causal strength is rare but handled)

📊 UNIPOLAR MODE (Likelihood – always GREEN)

Likelihood = 0.75:

Likelihood

0.75

✅ CORRECT: GREEN fill expands RIGHT from left edge

📊 SIZE COMPARISON

Extra Small (60px):

Val

0.50

Small (80px):

Val

0.50

Medium (120px):

Val

0.50

📝 Component Usage Summary

For Severity (use fader_severity.php):

<?php
require_once 'components/fader_severity.php';
echo VerdunoFaderSeverity::render([
    'name' => 'severity',
    'value' => -0.5,
    'min' => -1,
    'max' => 1,
    'step' => 0.01,
    'label' => 'Severity',
    'mode' => 'bipolar',
    'size' => 'medium'
]);
?>

For Intensity/Benefit/Likelihood (use fader_slider.php):

<?php
require_once 'components/fader_slider.php';
echo VerdunoFaderSlider::render([
    'name' => 'intensity',
    'value' => 0.6,
    'min' => -1,
    'max' => 1,
    'step' => 0.01,
    'label' => 'Intensity',
    'mode' => 'bipolar',
    'size' => 'medium'
]);
?>

For Likelihood (unipolar):

<?php
echo VerdunoFaderSlider::render([
    'name' => 'likelihood',
    'value' => 0.75,
    'min' => 0,
    'max' => 1,
    'step' => 0.01,
    'label' => 'Likelihood',
    'mode' => 'unipolar',
    'size' => 'medium'
]);
?>