blade('');
$view->assertSee('LIBRA for Rights');
$view->assertSee('logo.png');
});
test('app-logo component renders small size variant', function () {
$view = $this->blade('');
$view->assertSee('h-8', false);
$view->assertSee('w-8', false);
});
test('app-logo component renders default size variant', function () {
$view = $this->blade('');
$view->assertSee('h-10', false);
$view->assertSee('w-10', false);
});
test('app-logo component renders large size variant', function () {
$view = $this->blade('');
$view->assertSee('h-12', false);
$view->assertSee('w-12', false);
});
test('app-logo component renders without text when showText is false', function () {
$view = $this->blade('');
$view->assertDontSee('blade('');
$view->assertSee('assertSee('LIBRA for Rights');
});
test('app-logo has accessible alt text', function () {
$view = $this->blade('');
$view->assertSee('alt="LIBRA for Rights"', false);
});
test('app-logo component accepts custom classes', function () {
$view = $this->blade('');
$view->assertSee('custom-class', false);
});
// x-logo component tests
test('logo component renders with default md size', function () {
$view = $this->blade('');
$view->assertSee('logo.png');
$view->assertSee('h-12', false);
$view->assertSee('w-12', false);
});
test('logo component renders sm size for mobile nav', function () {
$view = $this->blade('');
$view->assertSee('h-10', false);
$view->assertSee('w-10', false);
});
test('logo component renders lg size for footer', function () {
$view = $this->blade('');
$view->assertSee('h-16', false);
$view->assertSee('w-16', false);
});
test('logo component renders xl size for auth pages', function () {
$view = $this->blade('');
$view->assertSee('h-20', false);
$view->assertSee('w-20', false);
});
test('logo component has accessible alt text', function () {
$view = $this->blade('');
$view->assertSee('alt="LIBRA for Rights"', false);
});
test('logo component accepts custom classes', function () {
$view = $this->blade('');
$view->assertSee('custom-test-class', false);
});
test('logo component has object-contain for aspect ratio', function () {
$view = $this->blade('');
$view->assertSee('object-contain', false);
});
// x-app-logo-icon component tests
test('app-logo-icon component renders with default md size', function () {
$view = $this->blade('');
$view->assertSee('logo.png');
$view->assertSee('h-9', false);
$view->assertSee('w-9', false);
});
test('app-logo-icon component renders sm size', function () {
$view = $this->blade('');
$view->assertSee('h-7', false);
$view->assertSee('w-7', false);
});
test('app-logo-icon component renders lg size', function () {
$view = $this->blade('');
$view->assertSee('h-12', false);
$view->assertSee('w-12', false);
});
test('app-logo-icon has accessible alt text', function () {
$view = $this->blade('');
$view->assertSee('alt="LIBRA for Rights"', false);
});
test('app-logo-icon component accepts custom classes', function () {
$view = $this->blade('');
$view->assertSee('icon-custom-class', false);
});