From d15312023bd7e60bd59902fe36a718208daa79a0 Mon Sep 17 00:00:00 2001 From: Andreas Reinhold / reini Date: Tue, 15 Sep 2026 05:34:20 +0200 Subject: [PATCH] Move browser-test probes off Tailwind utility classes MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Plan step 38 (last batch), plan step 42's target for tests/: every Tailwind utility class in a tests/Browser/*.php probe's Blade string or Livewire component render() (~60 class attributes across 14 files) becomes an inline style built from --md-sys-color-*/--md-sys-shape-*/ --md-sys-measurement-* tokens or a literal px value for an arbitrary demo size — PickingTest's clip box, every probe's , the grid/stack/row wrapper divs, the carousel item's coloured filler. No test's assertions, selectors or expected text change; these are layout containers around the components under test, not anything a test reads. Co-Authored-By: Claude Sonnet 5 Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9 --- tests/Browser/ActionsTest.php | 20 ++++++++++---------- tests/Browser/BarsTest.php | 8 ++++---- tests/Browser/CarouselTest.php | 12 ++++++------ tests/Browser/ChipsTest.php | 4 ++-- tests/Browser/CommunicationTest.php | 4 ++-- tests/Browser/ContainmentTest.php | 22 +++++++++++----------- tests/Browser/DataTest.php | 4 ++-- tests/Browser/DatepickerTest.php | 12 ++++++------ tests/Browser/FieldsTest.php | 4 ++-- tests/Browser/PickingTest.php | 8 ++++---- tests/Browser/ProgressTest.php | 4 ++-- tests/Browser/SliderTest.php | 2 +- tests/Browser/ThemeTest.php | 2 +- tests/Browser/TimepickerTest.php | 4 ++-- 14 files changed, 55 insertions(+), 55 deletions(-) diff --git a/tests/Browser/ActionsTest.php b/tests/Browser/ActionsTest.php index 51c664b0..5c85a729 100644 --- a/tests/Browser/ActionsTest.php +++ b/tests/Browser/ActionsTest.php @@ -19,7 +19,7 @@ class MenuAnchorProbe extends Component public function render(): string { return <<<'BLADE' -
+

renders: {{ $renders }}

@@ -74,7 +74,7 @@ class MenuMorphProbe extends Component public function render(): string { return <<<'BLADE' -
+

renders: {{ $renders }}, created: {{ $created }}

@@ -115,7 +115,7 @@ function menuMorphProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -289,7 +289,7 @@ it('hangs a menu on its menu button, even when the button is fixed to a corner o @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -335,7 +335,7 @@ it('paints a group\'s hint and a menu item\'s icon in the colour their classes n @vite(config('livewire-material.showcase.vite')) - + Reference
@@ -520,7 +520,7 @@ class GroupSizeProbe extends Component public function render(): string { return <<<'BLADE' -
+
@@ -540,7 +540,7 @@ function groupSizeProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -680,7 +680,7 @@ function longMenuProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -703,7 +703,7 @@ function sheetMenuProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -897,7 +897,7 @@ function longFabMenuProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts diff --git a/tests/Browser/BarsTest.php b/tests/Browser/BarsTest.php index 045059cb..56845c27 100644 --- a/tests/Browser/BarsTest.php +++ b/tests/Browser/BarsTest.php @@ -29,7 +29,7 @@ class BarsProbe extends Component -
+

tab: {{ $tab }}

@@ -75,7 +75,7 @@ function barsProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -238,7 +238,7 @@ function appBarOverflowProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -311,7 +311,7 @@ function toolbarScaffoldProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + +
@foreach (range(1, $count) as $number) -
+
@endforeach @@ -204,11 +204,11 @@ it('mirrors in a right-to-left page', function () { @vite(config('livewire-material.showcase.vite')) @livewireStyles - -
+ +
@foreach (range(1, 6) as $number) -
+
@endforeach
@@ -245,7 +245,7 @@ it('measures itself again after a Livewire morph adds an item', function () { @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts diff --git a/tests/Browser/ChipsTest.php b/tests/Browser/ChipsTest.php index a55fb734..6c74fd1b 100644 --- a/tests/Browser/ChipsTest.php +++ b/tests/Browser/ChipsTest.php @@ -26,7 +26,7 @@ class ChipProbe extends Component public function render(): string { return <<<'BLADE' -
+

kinds: {{ implode(',', $kinds) }}

@@ -61,7 +61,7 @@ function chipProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts diff --git a/tests/Browser/CommunicationTest.php b/tests/Browser/CommunicationTest.php index cd36caf0..fe41f350 100644 --- a/tests/Browser/CommunicationTest.php +++ b/tests/Browser/CommunicationTest.php @@ -21,7 +21,7 @@ class RichTooltipMorphProbe extends Component public function render(): string { return <<<'BLADE' -
+

renders: {{ $renders }}

@@ -262,7 +262,7 @@ it('keeps a rich tooltip open while its action renders the component, and opens @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts diff --git a/tests/Browser/ContainmentTest.php b/tests/Browser/ContainmentTest.php index f9b472f5..5460e094 100644 --- a/tests/Browser/ContainmentTest.php +++ b/tests/Browser/ContainmentTest.php @@ -21,7 +21,7 @@ class OverlayProbe extends Component public function render(): string { return <<<'BLADE' -
+

confirming: {{ var_export($confirming, true) }}

deleting: {{ var_export($deletingId, true) }}

renders: {{ $renders }}

@@ -65,7 +65,7 @@ class CollapseProbe extends Component public function render(): string { return <<<'BLADE' -
+

fine tuning: {{ var_export($fineTuning, true) }}

renders: {{ $renders }}

@@ -97,7 +97,7 @@ function collapseProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -120,7 +120,7 @@ function overlayProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -258,7 +258,7 @@ function nestedDialogProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -396,7 +396,7 @@ function textOnlyDialogProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -637,8 +637,8 @@ it('slides the side sheet in from its own edge in a right-to-left page', functio @vite(config('livewire-material.showcase.vite')) @livewireStyles - -
+ +
Narrow the list down.
@@ -706,7 +706,7 @@ it('keeps a basic dialog\'s own title and padding when it is nested inside a ful @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -764,8 +764,8 @@ it('keeps a selected segmented row\'s fill under the hover and focus tint', func @vite(config('livewire-material.showcase.vite')) @livewireStyles - -
+ +
diff --git a/tests/Browser/DataTest.php b/tests/Browser/DataTest.php index 94ba3acd..79614e9c 100644 --- a/tests/Browser/DataTest.php +++ b/tests/Browser/DataTest.php @@ -32,7 +32,7 @@ function dataProbe() $views = sys_get_temp_dir().'/livewire-material-data-probe'; @mkdir($views); file_put_contents($views.'/data.blade.php', <<<'BLADE' -
+
@@ -69,7 +69,7 @@ function dataProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts diff --git a/tests/Browser/DatepickerTest.php b/tests/Browser/DatepickerTest.php index 262a94b2..d2a25aa3 100644 --- a/tests/Browser/DatepickerTest.php +++ b/tests/Browser/DatepickerTest.php @@ -26,7 +26,7 @@ class DateProbe extends Component public function render(): string { return <<<'BLADE' -
+

expires: {{ $expires }}

birthday: {{ $birthday }}

delivery: {{ $delivery }}

@@ -57,7 +57,7 @@ function dateProbe(string $locale = 'en') @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -83,7 +83,7 @@ class DateFormatProbe extends Component public function render(): string { return <<<'BLADE' -
+

sunday: {{ $sunday }}

iso: {{ $iso }}

dotted: {{ $dotted }}

@@ -113,7 +113,7 @@ function dateFormatProbe(string $locale = 'en') @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts @@ -134,7 +134,7 @@ class ScopedDateProbe extends Component public function render(): string { return <<<'BLADE' -
+
@@ -154,7 +154,7 @@ function scopedDateProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts diff --git a/tests/Browser/FieldsTest.php b/tests/Browser/FieldsTest.php index cb5d5ec9..5caee010 100644 --- a/tests/Browser/FieldsTest.php +++ b/tests/Browser/FieldsTest.php @@ -28,7 +28,7 @@ class FieldProbe extends Component public function render(): string { return <<<'BLADE' -
+

name: {{ $name }}

hours: {{ $hours }}

files: {{ implode(',', $files) }}

@@ -75,7 +75,7 @@ function fieldProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts diff --git a/tests/Browser/PickingTest.php b/tests/Browser/PickingTest.php index a8be8a59..297a90e8 100644 --- a/tests/Browser/PickingTest.php +++ b/tests/Browser/PickingTest.php @@ -19,20 +19,20 @@ class PickProbe extends Component public function render(): string { return <<<'BLADE' -
+

days: {{ json_encode($days) }}

zone: {{ $zone }}

query: {{ $query }}

-
+
@foreach (array_filter(['holiday.zip', 'contract.pdf', 'review.mp4'], fn ($file) => $query === '' || str_contains($file, $query)) as $file) - + @endforeach No files match. @@ -68,7 +68,7 @@ function pickProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts diff --git a/tests/Browser/ProgressTest.php b/tests/Browser/ProgressTest.php index f1c38011..5b9cc2c4 100644 --- a/tests/Browser/ProgressTest.php +++ b/tests/Browser/ProgressTest.php @@ -20,7 +20,7 @@ class ProgressMorphProbe extends Component public function render(): string { return <<<'BLADE' -
+
@@ -132,7 +132,7 @@ it('follows a value the server changes through a Livewire morph', function () { @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts diff --git a/tests/Browser/SliderTest.php b/tests/Browser/SliderTest.php index 8123a23b..50ec0468 100644 --- a/tests/Browser/SliderTest.php +++ b/tests/Browser/SliderTest.php @@ -46,7 +46,7 @@ function sliderProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts diff --git a/tests/Browser/ThemeTest.php b/tests/Browser/ThemeTest.php index a7657b45..f1ce8f52 100644 --- a/tests/Browser/ThemeTest.php +++ b/tests/Browser/ThemeTest.php @@ -174,7 +174,7 @@ it('repaints the page\'s own theme-color meta, and the next page\'s after wire:n @vite(config('livewire-material.showcase.vite')) @livewireStyles - +

This is page {{ $page }}.

@livewireScripts diff --git a/tests/Browser/TimepickerTest.php b/tests/Browser/TimepickerTest.php index 81bedb4f..1a0b5d10 100644 --- a/tests/Browser/TimepickerTest.php +++ b/tests/Browser/TimepickerTest.php @@ -23,7 +23,7 @@ class TimeProbe extends Component public function render(): string { return <<<'BLADE' -
+

meeting: {{ $meeting ?? 'null' }}

alarm: {{ $alarm ?? 'null' }}

appointment: {{ $appointment ?? 'null' }}

@@ -49,7 +49,7 @@ function timeProbe() @vite(config('livewire-material.showcase.vite')) @livewireStyles - + @livewireScripts