test to validate subrouting (#927)

* test to validate subrouting

* Update test expectations [skip ci]

* core tests need to prep the page

* Update test expectations [skip ci]

---------

Co-authored-by: github-actions <[email protected]>

browser_tests/ComfyPage.ts

@@ -247,6 +247,10 @@ export class ComfyPage {
 
   async setup() {
     await this.goto()
+    await this.prepPage()
+  }
+
+  async prepPage() {
     await this.page.evaluate(() => {
       localStorage.clear()
       sessionStorage.clear()
@@ -312,6 +316,10 @@ export class ComfyPage {
     await this.page.goto(this.url)
   }
 
+  async gotoPath(url: string) {
+    await this.page.goto(this.url + url)
+  }
+
   async nextFrame() {
     await this.page.evaluate(() => {
       return new Promise<number>(requestAnimationFrame)

browser_tests/core.spec.ts

@@ -0,0 +1,24 @@
+import { expect } from '@playwright/test'
+import { comfyPageFixture as test } from './ComfyPage'
+
+test.describe('basic frontend page', () => {
+  test('Basic front page loads and renders at all', async ({ comfyPage }) => {
+    await comfyPage.gotoPath('/')
+    await comfyPage.prepPage()
+    await expect(comfyPage.canvas).toHaveScreenshot(
+      'basic-frontend-page-content.png'
+    )
+  })
+})
+
+test.describe('subrouting validation', () => {
+  test('subrouted installs of the comfy frontend load as intended', async ({
+    comfyPage
+  }) => {
+    await comfyPage.gotoPath('/testsubrouteindex')
+    await comfyPage.prepPage()
+    await expect(comfyPage.canvas).toHaveScreenshot(
+      'subrouted-frontend-page-content.png'
+    )
+  })
+})

src/router.ts

@@ -2,7 +2,7 @@ import { createRouter, createWebHistory } from 'vue-router'
 import LayoutDefault from '@/views/layouts/LayoutDefault.vue'
 
 const router = createRouter({
-  history: createWebHistory(),
+  history: createWebHistory(window.location.pathname),
   routes: [
     {
       path: '/',

vite.config.mts

@@ -114,6 +114,11 @@ export default defineConfig({
       '/ws': {
         target: DEV_SERVER_COMFYUI_URL,
         ws: true
+      },
+
+      '/testsubrouteindex': {
+        target: 'http://localhost:5173',
+        rewrite: (path) => path.substring('/testsubrouteindex'.length)
       }
     }
   },