chore(admin-ui): tokenise sidebar hover and focus ring with primary tokens

This commit is contained in:
萝卜
2026-03-16 02:13:45 +08:00
parent 35902de44b
commit 2605e1c287
4 changed files with 70 additions and 2 deletions

View File

@@ -0,0 +1,36 @@
<?php
namespace Tests\Feature;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;
class AdminBaseCssSidebarHoverAndInputFocusShouldUsePrimaryTokensTest extends TestCase
{
use RefreshDatabase;
protected function loginAsPlatformAdmin(): void
{
$this->seed();
$this->post('/admin/login', [
'email' => 'platform.admin@demo.local',
'password' => 'Platform@123456',
])->assertRedirect('/admin');
}
public function test_admin_base_css_sidebar_hover_and_input_focus_should_use_primary_tokens(): void
{
$this->loginAsPlatformAdmin();
$css = file_get_contents(public_path('css/admin-base.css'));
$this->assertIsString($css);
// 左侧菜单 hover 高亮必须走 primary tint token。
$this->assertStringContainsString('.sidebar:not(.topnav) a:hover', $css);
$this->assertStringContainsString('background:var(--adm-primary-tint-08', $css);
// input focus ring 必须走 focus-ring token。
$this->assertStringContainsString('box-shadow:0 0 0 3px var(--adm-primary-focus-ring', $css);
}
}

View File

@@ -0,0 +1,31 @@
<?php
namespace Tests\Feature;
use Illuminate\Foundation\Testing\RefreshDatabase;
use Tests\TestCase;
class AdminThemeCssShouldDefinePrimaryFocusRingTokenTest extends TestCase
{
use RefreshDatabase;
protected function loginAsPlatformAdmin(): void
{
$this->seed();
$this->post('/admin/login', [
'email' => 'platform.admin@demo.local',
'password' => 'Platform@123456',
])->assertRedirect('/admin');
}
public function test_admin_theme_css_should_define_primary_focus_ring_token(): void
{
$this->loginAsPlatformAdmin();
$css = file_get_contents(public_path('css/admin-theme.css'));
$this->assertIsString($css);
$this->assertStringContainsString('--adm-primary-focus-ring', $css);
}
}