blade('');
$view->assertSee('LIBRA for Rights');
$view->assertSee('logo.svg');
});
test('logo component renders small size variant', function () {
$view = $this->blade('');
$view->assertSee('h-8');
});
test('logo component renders default size variant', function () {
$view = $this->blade('');
$view->assertSee('h-12');
});
test('logo component renders large size variant', function () {
$view = $this->blade('');
$view->assertSee('h-16');
});
test('logo component renders reversed color variant', function () {
$view = $this->blade('');
$view->assertSee('logo-reversed.svg');
});
test('logo component renders mono color variant', function () {
$view = $this->blade('');
$view->assertSee('logo-mono.svg');
});
test('logo component renders without text when showText is false', function () {
$view = $this->blade('');
$view->assertDontSee('blade('');
$view->assertSee('assertSee('LIBRA for Rights');
});
test('logo has accessible alt text', function () {
$view = $this->blade('');
$view->assertSee('alt="LIBRA for Rights"', false);
});
test('logo has PNG fallback via onerror attribute', function () {
$view = $this->blade('');
$view->assertSee('logo.png', false);
$view->assertSee('onerror', false);
});
test('logo component accepts custom classes', function () {
$view = $this->blade('');
$view->assertSee('custom-class', false);
});
test('logo component has correct minimum width for desktop', function () {
$view = $this->blade('');
$view->assertSee('min-w-[120px]', false);
});
test('logo component has correct minimum width for mobile', function () {
$view = $this->blade('');
$view->assertSee('min-w-[80px]', false);
});