Seite 24 - Mironsoft Blog

Exceptions in PHPUnit korrekt testen

Dezember 21, 2025

@test

assert

PHPUnit · PHP 8.4 · Exception Testing · Unit Tests

Exceptions in PHPUnit korrekt testen
expectException, Codes, Nachrichten und eigene Hierarchien

Wer Exceptions nicht gezielt testet, lässt Fehlerbehandlung ungeprüft – der gefährlichste blinde Fleck in einer PHP-Testsuite. PHPUnit bietet präzise Methoden, um sicherzustellen, dass der richtige Ausnahmetyp, die passende Nachricht und der korrekte Fehlercode ausgelöst werden.

12 Min. Lesezeit expectException · expectExceptionMessage · expectExceptionCode PHPUnit 11 · PHP 8.4

Inhaltsverzeichnis

1. Warum Exception-Tests unverzichtbar sind
2. expectException: den Typ korrekt prüfen
3. expectExceptionMessage und MessageMatches
4. expectExceptionCode: Fehlercodes gezielt testen
5. Eigene Exception-Hierarchien strukturieren
6. Exceptions mit DataProvider kombinieren
7. Typische Fallstricke und falsche Patterns
8. Exception-Test-Methoden im Vergleich
9. Exception-Tests in CI und Coverage integrieren
10. Zusammenfassung
11. FAQ

1. Warum

Artefakte in GitLab: Was in den Release-Build gehört und was nicht

Dezember 21, 2025

CI/CD

.yml

GitLab · CI/CD · Magento · Artefakte

Artefakte in GitLab:
Was in den Release-Build gehört – und was nicht

Wer wahllos Verzeichnisse in GitLab-Artefakte packt, erhält aufgeblähte Pakete, nicht reproduzierbare Deployments und unnötige Serverrisiken. Die richtige Trennung von Build-Output, Shared-Daten und Server-State ist der Kern eines belastbaren Release-Prozesses für Magento.

12 Min. Lesezeit vendor · generated · pub/static · shared · artifacts GitLab CI · Magento 2 · PHP 8.4

Inhaltsverzeichnis

1. Was ein GitLab-Artefakt wirklich ist
2. Build-Output vs. Server-State: die zentrale Trennlinie
3. Magento-Verzeichnisse im Artefakt-Check
4. vendor/ und generated/ – bauen oder deployen?
5. pub/static und Frontend-Assets im Build
6. Shared-Daten: was nie ins Artefakt gehört
7. artifacts in .gitlab-ci.yml korrekt konfigurieren
8. Paketgröße kontrollieren: expire_in und exclude
9. Vergleich: aufgebläht vs. sauber getrennt
10. Zusammenfassung
11. FAQ

1. Was ein GitLab-Artefakt wirklich

JavaScript MutationObserver: DOM-Änderungen effizient beobachten

Dezember 20, 2025

JS

() =>

JavaScript · DOM API · MutationObserver · Performance

JavaScript MutationObserver
DOM-Änderungen reaktiv, asynchron und performant beobachten

Der MutationObserver ist die moderne, performante Alternative zu DOMSubtreeModified und polling-basierten DOM-Beobachtungsansätzen. Er reagiert asynchron auf Attribut-, Kindknoten- und Textänderungen im DOM – ohne das Rendering-Thread-Blocking der alten Mutation-Events.

12 Min. Lesezeit observe() · disconnect() · MutationRecord · subtree · attributeFilter Alle modernen Browser · JavaScript ES2024

Inhaltsverzeichnis

1. Warum MutationObserver statt DOM-Events und Polling?
2. Grundprinzip: observe, callback und disconnect
3. Konfigurationsoptionen im Detail
4. MutationRecord analysieren
5. Attribut-Änderungen beobachten
6. childList: hinzugefügte und entfernte Knoten
7. Performance-Optimierung und häufige Fallstricke
8. Reale Anwendungsfälle: Lazy Loading, Accessibility und Third-Party
9. MutationObserver vs. andere Observer-APIs
10. Zusammenfassung

Tailwind CSS v4 CSS-First Config: Theme ohne tailwind.config.js

Dezember 20, 2025

</>

tw

Tailwind CSS · CSS-First · Design-Tokens · v4

Tailwind CSS v4 CSS-First Config
Theme ohne tailwind.config.js definieren

Tailwind CSS v4 macht Schluss mit JavaScript-Konfigurationsdateien. Der CSS-First-Ansatz ermöglicht es, Farben, Schriften, Spacing und Custom Design-Tokens direkt in CSS mit der @theme-Direktive zu definieren – näher an der Plattform, schneller im Build und einfacher zu verstehen.

12 Min. Lesezeit @theme · CSS Custom Properties · Design-Tokens · @import Tailwind CSS v4.0+

Inhaltsverzeichnis

1. Warum Tailwind CSS v4 auf CSS-First setzt
2. Die @theme-Direktive: Aufbau und Syntax
3. Farben mit CSS-First Config definieren
4. Schriften und Spacing im CSS-First-Ansatz
5. Eigene Design-Tokens mit @theme erstellen
6. @import und Dateistruktur im CSS-First-Projekt
7. Migration von tailwind.config.js zu CSS-First
8. CSS-First Config im Vergleich zur JavaScript-Konfiguration
9. Häufige Fehler beim CSS-First-Ansatz
10. Zusammenfassung
11. FAQ

1. Warum Tailwind CSS v4 auf CSS-First

Composer, Node, npm und Yarn in PhpStorm sauber integrieren

Dezember 20, 2025

IDE

{ }

PhpStorm · Composer · npm · Yarn · Node.js

Composer, Node, npm und Yarn
in PhpStorm sauber integrieren

Zwischen Editor und Terminal zu wechseln um Composer oder npm auszuführen kostet Fokus und Kontext. PhpStorm kann Composer, Node.js, npm und Yarn direkt integrieren – mit Autocompletion für composer.json und package.json, Script-Buttons und vollständiger Output-Ansicht in der IDE.

14 Min. Lesezeit Composer · npm · Yarn · Node.js · Docker-Interpreter PhpStorm 2024.x · PHP 8.x · Magento 2

Inhaltsverzeichnis

1. Package-Manager in der IDE – was das bringt
2. Composer in PhpStorm konfigurieren
3. Composer Scripts direkt aus PhpStorm starten
4. Node.js und npm/Yarn in PhpStorm einrichten
5. npm/Yarn Scripts als Run-Configurations nutzen
6. Package-Manager über Docker-Interpreter nutzen
7. Autocompletion für composer.json und package.json
8. Vergleich: Lokale vs. Docker-basierte Interpreter
9. Zusammenfassung
10. FAQ

1. Package-Manager in der IDE – was das bringt

Die Integration von Composer

Resolver-Architektur: schlanke Resolver statt Business-Logik-Monster

Dezember 19, 2025

{ }

type

GraphQL · Resolver · Architektur · Magento · Clean Code

Resolver-Architektur: schlanke Resolver
statt Business-Logik-Monster

Ein GraphQL-Resolver, der Datenbankabfragen, Validierungen, Berechtigungsprüfungen und Transformationslogik in einer Klasse vereint, ist kein Resolver mehr – er ist ein Mini-Service ohne Grenzen. Dieser Artikel zeigt, wie man Resolver schlank hält, klare Schichten einzieht und Business-Logik dorthin verschiebt, wo sie hingehört.

15 Min. Lesezeit Delegation · Service Layer · Magento ResolverInterface GraphQL · PHP 8.4 · Magento 2

Inhaltsverzeichnis

1. Was ein Resolver wirklich leisten soll
2. Wie Resolver zu Monstern werden
3. Das Delegations-Prinzip in der Praxis
4. Service Layer und Repositories richtig einsetzen
5. Resolver-Architektur in Magento konkret
6. Falsch / Richtig im direkten Vergleich
7. Typische Fehlerbilder und ihre Ursachen
8. Testbarkeit als Architekturindikator
9. Resolver-Typen im Vergleich
10. Zusammenfassung
11. FAQ

1. Was ein Resolver

Vue Provide/Inject richtig nutzen statt Prop Drilling oder globale Stores

Dezember 19, 2025

<v/>

{ }

Vue.js · Vue 3 · provide/inject · Dependency Injection · TypeScript

Vue provide/inject richtig nutzen
statt Prop Drilling oder globale Stores

Vue provide/inject ist der unterschätzte Mittelweg zwischen Prop Drilling und globalen Pinia-Stores. Richtig eingesetzt ermöglicht es scoped Dependency Injection für Komponentenfamilien – typsicher, reaktiv und ohne globalen Zustand.

15 Min. Lesezeit InjectionKey · provide · inject · readonly · Symbol · Plugin-Pattern Vue 3 · Composition API · TypeScript · Pinia

Inhaltsverzeichnis

1. Das Problem mit Prop Drilling und globalen Stores
2. provide und inject: Grundlagen und Scope
3. InjectionKey: Typsicherheit mit TypeScript
4. Reaktive Werte bereitstellen und schützen
5. provide/inject in Composables kapseln
6. Plugin-Pattern: App-weites provide
7. Readonly-Wrapping und Mutationsschutz
8. Wann provide/inject, wann Pinia, wann Props?
9. Kommunikationsmuster im Vergleich
10. Zusammenfassung
11. FAQ

1. Das Problem mit Prop Drilling und globalen

Realtime in Vue: WebSocket, SSE und Polling im Vergleich

Dezember 18, 2025

<v/>

{ }

Vue.js · Realtime · WebSocket · SSE · Polling

Realtime in Vue.js
WebSocket, SSE und Polling im direkten Vergleich

Realtime-Features in Vue.js sind mehr als ein geöffneter WebSocket. Wer WebSocket, Server-Sent Events und Polling nicht bewusst wählt, baut entweder zu viel Infrastruktur auf oder kassiert unnötige Netzwerklast. Dieser Artikel zeigt alle drei Strategien mit sauberen Composables, Lifecycle-Handling und konkreten Einsatzempfehlungen.

15 Min. Lesezeit WebSocket · SSE · Polling · Composables · Reconnect Vue 3 · Composition API · TypeScript

Inhaltsverzeichnis

1. Realtime in Vue.js — drei Wege, ein Ziel
2. Polling: Der einfachste Einstieg in Realtime
3. Server-Sent Events: Unidirektionaler Push vom Server
4. WebSocket: Bidirektionale Verbindung für komplexe Szenarien
5. Realtime-Composables: Abstraktion und Wiederverwendung
6. Reconnect-Strategien und Verbindungsstabilität
7. Lifecycle-Integration und Memory-Leaks vermeiden
8. Realtime-State im Vue-Store verwalten
9. WebSocket,

CSS Anchor Positioning — Tooltips und Overlays ohne JavaScript

Dezember 18, 2025

CSS · Anchor Positioning · Tooltips · Modernes CSS

CSS Anchor Positioning
Tooltips und Overlays ohne JavaScript

Tooltips, Dropdowns und kontextbezogene Overlays wurden jahrelang entweder mit JavaScript oder mit fragilen CSS-Hacks gelöst. CSS Anchor Positioning ändert das grundlegend: anchor(), position-anchor und @position-try ermöglichen präzise, kontextbewusste Positionierung direkt im Stylesheet — ohne eine einzige Zeile JavaScript.

12 Min. Lesezeit anchor() · position-anchor · @position-try · inset-area Chrome 125+ · Firefox 131+ · Safari 18+

Inhaltsverzeichnis

1. Das Problem mit Tooltip-Positionierung vor Anchor Positioning
2. Grundlagen: anchor-name und position-anchor
3. Die anchor()-Funktion: präzise Kantenbezüge
4. @position-try: automatisches Fallback-Positioning
5. inset-area: Rasterbasiertes Positionieren
6. Praxisbeispiel: Tooltip-Komponente vollständig in CSS
7. Dropdown-Menü mit CSS Anchor Positioning
8. Browser-Support und Progressive Enhancement
9. Anchor Positioning im

Temporäre Dateien sicher nutzen und zuverlässig aufräumen

Dezember 18, 2025

Bash · Shell-Sicherheit · mktemp · Cleanup

Temporäre Dateien sicher nutzen
und zuverlässig aufräumen mit mktemp und trap

Ein fester Pfad wie /tmp/skript.tmp in einem Shell-Skript ist eine Einladung für Race Conditions, Datenlecks und Symlink-Angriffe. mktemp erstellt garantiert einmalige, sichere temporäre Dateien – und trap EXIT stellt sicher, dass sie in jedem Beendigungsszenario aufgeräumt werden.

12 Min. Lesezeit mktemp · trap EXIT · /tmp · /var/tmp · Symlink-Schutz · Cleanup Bash 4.x · 5.x · Linux · POSIX

Inhaltsverzeichnis

1. Das Problem mit festen /tmp-Pfaden
2. mktemp: sichere temporäre Dateien und Verzeichnisse
3. trap EXIT: zuverlässige Cleanup-Registrierung
4. /tmp vs. /var/tmp: Lebensdauer und Wahl
5. Symlink-Angriffe verstehen und verhindern
6. Temporäre Verzeichnisse und Arbeitsumgebungen
7. Temporäre Dateien in parallelen Prozessen
8. Cleanup-Strategien für komplexe Skripte
9. Vergleich: sichere vs. unsichere temporäre Dateien
10. Zusammenfassung
11. FAQ

1. Das Problem mit