Create two override tests

.hass/config/configuration.yaml

@@ -31,10 +31,14 @@ lovelace:
       mode: yaml
       title: Exclude
       filename: ui-lovelace-exclude.yaml
-    lovelace-override:
+    lovelace-override-before:
       mode: yaml
-      title: Override
-      filename: ui-lovelace-override.yaml
+      title: Override before
+      filename: ui-lovelace-override-before.yaml
+    lovelace-override-after:
+      mode: yaml
+      title: Override after
+      filename: ui-lovelace-override-after.yaml
 
 # Load frontend themes from the themes folder
 frontend:

.hass/config/ui-lovelace-exclude.yaml

@@ -4,34 +4,4 @@ keep_texts_in_tabs:
     - Windy
     - Planten
 title: Exclude
-views:
-  - theme: Backend-selected
-    title: Home
-    icon: mdi:home
-    path: home
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Muziek
-    icon: mdi:music
-    path: muziek
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Windy
-    icon: mdi:weather-windy
-    path: windy
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Alarmen
-    icon: mdi:alarm
-    path: alarmen
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Planten
-    icon: mdi:flower
-    path: planten
-    badges: []
-    cards: []
+views: !include views.yaml

.hass/config/ui-lovelace-include.yaml

@@ -4,34 +4,4 @@ keep_texts_in_tabs:
     - Muziek
     - Alarmen
 title: Include
-views:
-  - theme: Backend-selected
-    title: Home
-    icon: mdi:home
-    path: home
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Muziek
-    icon: mdi:music
-    path: muziek
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Windy
-    icon: mdi:weather-windy
-    path: windy
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Alarmen
-    icon: mdi:alarm
-    path: alarmen
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Planten
-    icon: mdi:flower
-    path: planten
-    badges: []
-    cards: []
+views: !include views.yaml

.hass/config/ui-lovelace-override-after.yaml

@@ -0,0 +1,8 @@
+keep_texts_in_tabs:
+  enabled: true
+  position: after
+  override:
+    - Muziek
+    - Planten
+title: Override After
+views: !include views.yaml

.hass/config/ui-lovelace-override-before.yaml

@@ -0,0 +1,8 @@
+keep_texts_in_tabs:
+  enabled: true
+  position: before
+  override:
+    - Muziek
+    - Planten
+title: Override Before
+views: !include views.yaml

.hass/config/ui-lovelace-position.yaml

@@ -2,34 +2,4 @@ keep_texts_in_tabs:
   enabled: true
   position: before
 title: Position
-views:
-  - theme: Backend-selected
-    title: Home
-    icon: mdi:home
-    path: home
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Muziek
-    icon: mdi:music
-    path: muziek
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Windy
-    icon: mdi:weather-windy
-    path: windy
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Alarmen
-    icon: mdi:alarm
-    path: alarmen
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Planten
-    icon: mdi:flower
-    path: planten
-    badges: []
-    cards: []
+views: !include views.yaml

.hass/config/ui-lovelace.yaml

@@ -4,34 +4,4 @@ keep_texts_in_tabs:
     enabled: true
     position: before
 title: Keep Text in Tabs
-views:
-  - theme: Backend-selected
-    title: Home
-    icon: mdi:home
-    path: home
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Muziek
-    icon: mdi:music
-    path: muziek
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Windy
-    icon: mdi:weather-windy
-    path: windy
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Alarmen
-    icon: mdi:alarm
-    path: alarmen
-    badges: []
-    cards: []
-  - theme: Backend-selected
-    title: Planten
-    icon: mdi:flower
-    path: planten
-    badges: []
-    cards: []
+views: !include views.yaml

.hass/config/views.yaml

@@ -0,0 +1,30 @@
+- theme: Backend-selected
+  title: Home
+  icon: mdi:home
+  path: home
+  badges: []
+  cards: []
+- theme: Backend-selected
+  title: Muziek
+  icon: mdi:music
+  path: muziek
+  badges: []
+  cards: []
+- theme: Backend-selected
+  title: Windy
+  icon: mdi:weather-windy
+  path: windy
+  badges: []
+  cards: []
+- theme: Backend-selected
+  title: Alarmen
+  icon: mdi:alarm
+  path: alarmen
+  badges: []
+  cards: []
+- theme: Backend-selected
+  title: Planten
+  icon: mdi:flower
+  path: planten
+  badges: []
+  cards: []

package.json

@@ -8,7 +8,8 @@
   "license": "Apache-2.0",
   "private": false,
   "scripts": {
-    "build": "rollup --config rollup.config.js --bundleConfigAsCjs",
+    "build": "yarn test:clean && rollup --config rollup.config.js --bundleConfigAsCjs",
+    "test:clean": "rm -rf dist .nyc_output coverage || true",
     "test:all": "yarn test:ts && yarn test:ci",
     "test:ci": "yarn demo && yarn start:playwright && yarn stop:ha",
     "test:run": "dotenv playwright test",

tests/main-options.spec.ts

@@ -44,12 +44,20 @@ test('Option: exclude', async ({ page }) => {
     await expect(page.locator(TABS_CONTENT_SELECTOR)).toHaveScreenshot('04-exclude.png');
 });
 
-test('Option: override', async ({ page }) => {
+test('Option: override before', async ({ page }) => {
     await page.goto(
-        getLovelaceUrl('override')
+        getLovelaceUrl('override-before')
     );
     await expect(page.locator(HEADER_SELECTOR)).toBeVisible();
-    await expect(page.locator(TABS_CONTENT_SELECTOR)).toHaveScreenshot('05-override.png');
+    await expect(page.locator(TABS_CONTENT_SELECTOR)).toHaveScreenshot('05-override-before.png');
+});
+
+test('Option: override after', async ({ page }) => {
+    await page.goto(
+        getLovelaceUrl('override-after')
+    );
+    await expect(page.locator(HEADER_SELECTOR)).toBeVisible();
+    await expect(page.locator(TABS_CONTENT_SELECTOR)).toHaveScreenshot('06-override-after.png');
 });
 
 test.describe('Small viewport', () => {