Remotion Video Generator

"""
Tests for LowerThird template generation.
"""

import pytest
from ..conftest import (
    assert_valid_typescript,
    assert_has_interface,
    assert_has_timing_props,
    assert_has_visibility_check,
    assert_design_tokens_injected
)


class TestLowerThirdBasic:
    """Basic LowerThird generation tests."""

    def test_basic_generation(self, component_builder, theme_name):
        """Test basic LowerThird generation with all props."""
        tsx = component_builder.build_component(
            'LowerThird',
            {
                'name': 'Speaker Name',
                'title': 'Job Title',
                'variant': 'glass',
                'position': 'bottom_left'
            },
            theme_name
        )

        assert tsx is not None
        assert 'LowerThird' in tsx
        assert_valid_typescript(tsx)
        assert_has_interface(tsx, 'LowerThird')
        assert_has_timing_props(tsx)
        assert_has_visibility_check(tsx)

    def test_minimal_props(self, component_builder, theme_name):
        """Test LowerThird with only required props."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Speaker'},
            theme_name
        )

        assert tsx is not None
        # Should have defaults
        assert "variant = 'glass'" in tsx or "variant = " in tsx
        assert "position = 'bottom_left'" in tsx or "position = " in tsx


class TestLowerThirdPositions:
    """Tests for LowerThird position variants."""

    @pytest.mark.parametrize('position', [
        'bottom_left',
        'bottom_center',
        'bottom_right',
        'top_left',
        'top_center',
        'top_right'
    ])
    def test_position_variant(self, component_builder, theme_name, position):
        """Test each position variant generates correctly."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Test', 'position': position},
            theme_name
        )

        assert tsx is not None
        assert position in tsx
        assert 'positionStyle' in tsx

    def test_position_mapping(self, component_builder, theme_name):
        """Test that positions map to correct CSS properties."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Test', 'position': 'bottom_left'},
            theme_name
        )

        # Should have interpolate for slide animation
        assert 'interpolate' in tsx
        assert 'bottom' in tsx
        assert 'left' in tsx


class TestLowerThirdVariants:
    """Tests for LowerThird style variants."""

    @pytest.mark.parametrize('variant', [
        'minimal',
        'standard',
        'glass',
        'bold',
        'animated'
    ])
    def test_style_variant(self, component_builder, theme_name, variant):
        """Test each style variant generates correctly."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Test', 'variant': variant},
            theme_name
        )

        assert tsx is not None
        assert variant in tsx
        assert 'variantStyle' in tsx

    def test_glass_variant_backdrop(self, component_builder, theme_name):
        """Test glass variant has backdrop filter."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Test', 'variant': 'glass'},
            theme_name
        )

        assert 'backdropFilter' in tsx or 'blur' in tsx


class TestLowerThirdAnimation:
    """Tests for LowerThird slide animation."""

    def test_has_slide_animation(self, component_builder, theme_name):
        """Test LowerThird has slide-in animation."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Test'},
            theme_name
        )

        assert 'slideIn' in tsx
        assert 'spring' in tsx
        assert 'interpolate' in tsx

    def test_uses_motion_tokens(self, component_builder, theme_name):
        """Test animation uses motion tokens from theme."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Test'},
            theme_name
        )

        # Should use motion config
        assert 'damping' in tsx
        assert 'stiffness' in tsx
        assert '200' in tsx  # Default values

    def test_has_fade_in_out(self, component_builder, theme_name):
        """Test LowerThird has fade in and fade out."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Test'},
            theme_name
        )

        assert 'opacity' in tsx
        assert 'fadeOut' in tsx
        assert 'finalOpacity' in tsx


class TestLowerThirdContent:
    """Tests for LowerThird content rendering."""

    def test_name_only(self, component_builder, theme_name):
        """Test LowerThird with name only (no title)."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Test Name'},
            theme_name
        )

        assert '{name}' in tsx
        assert 'title &&' in tsx  # Conditional rendering

    def test_name_and_title(self, component_builder, theme_name):
        """Test LowerThird with both name and title."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Test Name', 'title': 'Test Title'},
            theme_name
        )

        assert '{name}' in tsx
        assert '{title}' in tsx


class TestLowerThirdDesignTokens:
    """Tests for design token integration."""

    def test_design_tokens_injected(self, component_builder, theme_name):
        """Test that design tokens are properly injected."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Test'},
            theme_name
        )

        assert_design_tokens_injected(tsx)

    def test_font_family_from_theme(self, component_builder, theme_name):
        """Test font family comes from theme."""
        tsx = component_builder.build_component(
            'LowerThird',
            {'name': 'Test'},
            theme_name
        )

        assert 'fontFamily' in tsx
        assert 'Inter' in tsx or 'SF Pro' in tsx