@jasonshimmy/vite-plugin-cer-app 0.23.2 → 0.25.0

package/e2e/cypress/e2e/content.cy.ts

@@ -1,425 +0,0 @@
-/**
- * Content layer e2e tests — exercises queryContent() and useContentSearch().
- *
- * Pages under test:
- *   /content-index    — queryContent().find()  (all content)
- *   /content-blog     — queryContent('/blog').find() (blog prefix, draft exclusion)
- *   /content-doc      — queryContent('/docs/getting-started').first() (body + TOC)
- *   /content-guides   — queryContent('/guides').find() (numeric dir/file prefixes)
- *   /content-search   — useContentSearch() (MiniSearch, client-side)
- *   /content-fallback — title/description derived from body when frontmatter omits them
- */
-
-const mode = Cypress.env('mode') as 'spa' | 'ssr' | 'ssg' | 'dev'
-
-// ─── /content-index ───────────────────────────────────────────────────────────
-
-describe('Content index — queryContent().find()', () => {
-  if (mode !== 'spa') {
-    it('pre-renders content items in initial HTML (SSR/SSG)', () => {
-      cy.request('/content-index').then((response) => {
-        expect(response.body).to.include('Welcome')
-        expect(response.body).to.include('Hello World')
-      })
-    })
-  }
-
-  it('renders at least 3 content items after hydration', () => {
-    cy.visit('/content-index')
-    cy.get('[data-cy=content-list]').should('exist')
-    cy.get('[data-cy=content-item]', { timeout: 8000 }).should('have.length.at.least', 3)
-  })
-
-  it('shows total item count', () => {
-    cy.visit('/content-index')
-    // Use .should() so Cypress retries until the text updates (handles
-    // the case where the client-side fetch updates the count after hydration).
-    cy.get('[data-cy=content-total]', { timeout: 8000 })
-      .invoke('text')
-      .should((text) => {
-        const n = parseInt(text.replace(/\D/g, ''), 10)
-        expect(n).to.be.at.least(3)
-      })
-  })
-
-  it('each item has a data-path attribute', () => {
-    cy.visit('/content-index')
-    cy.get('[data-cy=content-item]', { timeout: 8000 }).first().should('have.attr', 'data-path')
-  })
-
-  it('root content item appears with title "Welcome"', () => {
-    cy.visit('/content-index')
-    cy.get('[data-cy=content-item][data-path="/"]', { timeout: 8000 }).should('exist')
-    cy.get('[data-cy=content-item][data-path="/"] [data-cy=content-item-title]').should('contain', 'Welcome')
-  })
-})
-
-// ─── /content-blog ────────────────────────────────────────────────────────────
-
-describe('Content blog listing — queryContent("/blog").find()', () => {
-  if (mode !== 'spa') {
-    it('pre-renders blog posts in initial HTML (SSR/SSG)', () => {
-      cy.request('/content-blog').then((response) => {
-        expect(response.body).to.include('Hello World')
-      })
-    })
-
-    it('does not pre-render draft post in initial HTML (SSR/SSG)', () => {
-      cy.request('/content-blog').then((response) => {
-        expect(response.body).not.to.include('Draft Post')
-      })
-    })
-  }
-
-  it('renders blog posts after hydration', () => {
-    cy.visit('/content-blog')
-    cy.get('[data-cy=content-blog-list]').should('exist')
-    cy.get('[data-cy=content-blog-item]', { timeout: 8000 }).should('have.length.at.least', 1)
-  })
-
-  it('shows Hello World post', () => {
-    cy.visit('/content-blog')
-    cy.get('[data-cy=content-blog-title]', { timeout: 8000 }).first().should('contain', 'Hello World')
-  })
-
-  it('does not show draft post', () => {
-    cy.visit('/content-blog')
-    cy.get('[data-cy=content-blog-list]', { timeout: 8000 })
-    cy.get('[data-cy=content-blog-item][data-path="/blog/2026-04-02-draft"]').should('not.exist')
-    cy.get('[data-cy=content-blog-title]').each(($el) => {
-      expect($el.text()).not.to.include('Draft Post')
-    })
-  })
-
-  it('blog items have data-path starting with /blog', () => {
-    cy.visit('/content-blog')
-    cy.get('[data-cy=content-blog-item]', { timeout: 8000 }).each(($el) => {
-      const path = $el.attr('data-path') ?? ''
-      expect(path).to.match(/^\/blog/)
-    })
-  })
-})
-
-// ─── /content-doc ─────────────────────────────────────────────────────────────
-
-describe('Content doc — queryContent("/docs/getting-started").first()', () => {
-  if (mode !== 'spa') {
-    it('pre-renders doc title in initial HTML (SSR/SSG)', () => {
-      cy.request('/content-doc').then((response) => {
-        expect(response.body).to.include('Getting Started')
-      })
-    })
-
-    it('pre-renders heading "Installation" in initial HTML (SSR/SSG)', () => {
-      cy.request('/content-doc').then((response) => {
-        expect(response.body).to.include('Installation')
-      })
-    })
-
-    it('includes markdown component registration hints in initial HTML', () => {
-      cy.request('/content-doc').then((response) => {
-        expect(response.body).to.include('<ks-badge>Docs Badge</ks-badge>')
-        if (mode === 'dev') {
-          expect(response.body).to.include('/@cer/app.ts')
-        } else {
-          expect(response.body).to.match(/ks-badge-[^"']+\.js/)
-        }
-        expect(response.body).to.include('Docs Badge')
-      })
-    })
-  }
-
-  it('renders doc title after hydration', () => {
-    cy.visit('/content-doc')
-    cy.get('[data-cy=content-doc-title]', { timeout: 8000 }).should('contain', 'Getting Started')
-  })
-
-  it('renders doc description', () => {
-    cy.visit('/content-doc')
-    cy.get('[data-cy=content-doc-desc]', { timeout: 8000 }).should('contain', 'install')
-  })
-
-  it('renders TOC with at least 2 entries', () => {
-    cy.visit('/content-doc')
-    cy.get('[data-cy=content-doc-toc-item]', { timeout: 8000 }).should('have.length.at.least', 2)
-  })
-
-  it('TOC links have href with # anchor', () => {
-    cy.visit('/content-doc')
-    cy.get('[data-cy=content-doc-toc-link]', { timeout: 8000 }).each(($el) => {
-      const href = $el.attr('href') ?? ''
-      expect(href).to.match(/^#/)
-    })
-  })
-
-  it('TOC has Installation entry', () => {
-    cy.visit('/content-doc')
-    cy.get('[data-cy=content-doc-toc-item]', { timeout: 8000 }).contains('Installation')
-  })
-
-  it('body contains rendered HTML with heading ids', () => {
-    cy.visit('/content-doc')
-    cy.get('[data-cy=content-doc-body]', { timeout: 8000 }).first().within(() => {
-      cy.get('h2[id]').should('have.length.at.least', 1)
-    })
-  })
-
-  it('body contains "Installation" heading', () => {
-    cy.visit('/content-doc')
-    cy.get('[data-cy=content-doc-body]', { timeout: 8000 }).contains('h2', 'Installation')
-  })
-
-  it('renders app components referenced inside markdown after hydration', () => {
-    cy.visit('/content-doc')
-    cy.get('[data-cy=content-doc-body]', { timeout: 8000 }).within(() => {
-      cy.get('ks-badge').should('contain', 'Docs Badge')
-      cy.get('[data-cy=ks-badge]').should('exist')
-    })
-  })
-})
-
-// ─── /content-guides ─────────────────────────────────────────────────────────
-
-describe('Content guides — numeric directory and file prefixes', () => {
-  if (mode !== 'spa') {
-    it('pre-renders stripped guide paths and titles in initial HTML (SSR/SSG)', () => {
-      cy.request('/content-guides').then((response) => {
-        expect(response.body).to.include('Guides Home')
-        expect(response.body).to.include('Intro Guide')
-        expect(response.body).to.include('Advanced Guide')
-        expect(response.body).to.include('data-path="/guides"')
-        expect(response.body).to.include('data-path="/guides/intro"')
-        expect(response.body).to.include('data-path="/guides/advanced"')
-        expect(response.body).not.to.include('01.guides')
-        expect(response.body).not.to.include('/guides/02.intro')
-      })
-    })
-  }
-
-  it('renders guide items after hydration with stripped public paths', () => {
-    cy.visit('/content-guides')
-    cy.get('[data-cy=content-guides-item]', { timeout: 8000 }).should('have.length', 3)
-    cy.get('[data-cy=content-guides-item]').then(($items) => {
-      const paths = [...$items].map((el) => el.getAttribute('data-path'))
-      expect(paths).to.deep.equal(['/guides', '/guides/intro', '/guides/advanced'])
-    })
-  })
-
-  it('preserves numeric file ordering in queryContent results', () => {
-    cy.visit('/content-guides')
-    cy.get('[data-cy=content-guides-title]', { timeout: 8000 }).then(($titles) => {
-      const titles = [...$titles].map((el) => el.textContent?.trim())
-      expect(titles).to.deep.equal(['Guides Home', 'Intro Guide', 'Advanced Guide'])
-    })
-  })
-})
-
-// ─── /content-search ──────────────────────────────────────────────────────────
-
-// Helper: set the search input value and fire the input event.
-// We navigate directly to the shadow root of page-content-search to get
-// exactly one element (the JS-hydrated input with the @input listener).
-function setSearchQuery(value: string) {
-  cy.get('cer-layout-view').shadow().find('page-content-search').shadow()
-    .find('[data-cy=content-search-input]')
-    .invoke('val', value)
-    .trigger('input', { force: true })
-}
-
-describe('Content search — useContentSearch()', () => {
-  // Before each search test, intercept the pre-built search index so we can
-  // wait for the component's useOnConnected pre-warm to complete (signals full
-  // hydration).  useContentSearch loads /_content/search-index.json (not the
-  // manifest) via MiniSearch.loadJSON.
-  beforeEach(() => {
-    cy.intercept('GET', '/_content/search-index.json').as('searchIndex')
-  })
-
-  it('renders search input', () => {
-    cy.visit('/content-search')
-    cy.get('[data-cy=content-search-input]').should('exist')
-  })
-
-  it('shows results after typing a single character', () => {
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-    setSearchQuery('H')
-    cy.get('[data-cy=content-search-result]', { timeout: 8000 }).should('have.length.at.least', 1)
-  })
-
-  it('shows results after typing a multi-char query', () => {
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-    setSearchQuery('He')
-    cy.get('[data-cy=content-search-result]', { timeout: 8000 }).should('have.length.at.least', 1)
-  })
-
-  it('searching "Hello" finds Hello World post', () => {
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-    setSearchQuery('Hello')
-    cy.get('[data-cy=content-search-result]', { timeout: 8000 }).should('contain', 'Hello World')
-  })
-
-  it('searching "Getting" finds Getting Started doc', () => {
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-    setSearchQuery('Getting')
-    cy.get('[data-cy=content-search-result]', { timeout: 8000 }).should('contain', 'Getting Started')
-  })
-
-  it('result items have data-path attribute', () => {
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-    setSearchQuery('Hello')
-    cy.get('[data-cy=content-search-result]', { timeout: 8000 }).first().should('have.attr', 'data-path')
-  })
-
-  it('shows loading indicator while search is in flight', () => {
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-    setSearchQuery('Hello')
-    // loading indicator appears immediately after typing
-    cy.get('[data-cy=content-search-loading]').should('exist')
-    // loading indicator disappears once results arrive
-    cy.get('[data-cy=content-search-loading]', { timeout: 8000 }).should('not.exist')
-    cy.get('[data-cy=content-search-result]').should('have.length.at.least', 1)
-  })
-
-  it('clears loading indicator when query is cleared', () => {
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-    setSearchQuery('Hello')
-    cy.get('[data-cy=content-search-loading]').should('exist')
-    setSearchQuery('')
-    cy.get('[data-cy=content-search-loading]').should('not.exist')
-  })
-
-  it('clearing query clears results', () => {
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-    setSearchQuery('Hello')
-    cy.get('[data-cy=content-search-result]', { timeout: 8000 }).should('have.length.at.least', 1)
-    setSearchQuery('')
-    cy.get('[data-cy=content-search-result]').should('not.exist')
-  })
-
-  it('shows no-results message for an unmatched query', () => {
-    // Use a query with no underscores — MiniSearch tokenizes on \p{P} which
-    // includes underscores, splitting e.g. "foo_bar" into two tokens that can
-    // accidentally match real content via OR semantics.
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-    setSearchQuery('zzznomatch')
-    // Wait for the empty state — implicitly waits for loading to clear first
-    cy.get('[data-cy=content-search-empty]', { timeout: 8000 }).should('exist')
-    cy.get('[data-cy=content-search-result]').should('not.exist')
-    cy.get('[data-cy=content-search-loading]').should('not.exist')
-  })
-
-  it('sequential search: search → clear → search again returns correct results', () => {
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-
-    // First search
-    setSearchQuery('Hello')
-    cy.get('[data-cy=content-search-result]', { timeout: 8000 }).should('contain', 'Hello World')
-
-    // Clear — results gone
-    setSearchQuery('')
-    cy.get('[data-cy=content-search-result]').should('not.exist')
-    cy.get('[data-cy=content-search-empty]').should('not.exist')
-
-    // Second search with a different term
-    setSearchQuery('Getting')
-    cy.get('[data-cy=content-search-result]', { timeout: 8000 }).should('contain', 'Getting Started')
-    // First search result must not bleed through
-    cy.get('[data-cy=content-search-result]').each(($el) => {
-      expect($el.text()).not.to.include('Hello World')
-    })
-  })
-
-  it('rapid typing triggers only one search request (debounce)', () => {
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-
-    // Type characters in quick succession — each triggers a new watch callback
-    // but only the last one should produce a network request after 200 ms.
-    cy.intercept('GET', '/_content/search-index.json').as('secondIndex')
-    setSearchQuery('G')
-    setSearchQuery('Ge')
-    setSearchQuery('Get')
-    setSearchQuery('Gett')
-    setSearchQuery('Getti')
-    setSearchQuery('Getting')
-
-    // Results arrive for the final query
-    cy.get('[data-cy=content-search-result]', { timeout: 8000 }).should('contain', 'Getting Started')
-
-    // The search index is cached after the first pre-warm fetch (singleton), so
-    // no additional network request should occur for these follow-on searches.
-    cy.get('@secondIndex.all').should('have.length', 0)
-  })
-})
-
-// ─── /content-fallback ────────────────────────────────────────────────────────
-
-describe('Content fallback — title and description derived from body', () => {
-  // blog/no-frontmatter.md has no frontmatter at all.
-  // Expected derived values:
-  //   title       → "Derived From Body"      (first h1)
-  //   description → "This description is…"   (first paragraph, ≤160 chars)
-
-  if (mode !== 'spa') {
-    it('pre-renders the derived title in initial HTML (SSR/SSG)', () => {
-      cy.request('/content-fallback').then((response) => {
-        expect(response.body).to.include('Derived From Body')
-      })
-    })
-
-    it('pre-renders the derived description in initial HTML (SSR/SSG)', () => {
-      cy.request('/content-fallback').then((response) => {
-        expect(response.body).to.include('This description is derived from the first paragraph')
-      })
-    })
-  }
-
-  it('renders the derived title after hydration', () => {
-    cy.visit('/content-fallback')
-    cy.get('[data-cy=content-fallback-title]', { timeout: 8000 })
-      .should('contain', 'Derived From Body')
-  })
-
-  it('renders the derived description after hydration', () => {
-    cy.visit('/content-fallback')
-    cy.get('[data-cy=content-fallback-desc]', { timeout: 8000 })
-      .should('contain', 'This description is derived from the first paragraph')
-  })
-
-  it('document is found — fallback-missing element is absent', () => {
-    cy.visit('/content-fallback')
-    cy.get('[data-cy=content-fallback-heading]', { timeout: 8000 }).should('exist')
-    cy.get('[data-cy=content-fallback-missing]').should('not.exist')
-  })
-
-  it('derived item appears in queryContent find() results (content-index)', () => {
-    cy.visit('/content-index')
-    cy.get('[data-cy=content-item][data-path="/blog/no-frontmatter"]', { timeout: 8000 })
-      .should('exist')
-  })
-
-  it('derived title is shown in the content-index listing', () => {
-    cy.visit('/content-index')
-    cy.get('[data-cy=content-item][data-path="/blog/no-frontmatter"] [data-cy=content-item-title]', { timeout: 8000 })
-      .should('contain', 'Derived From Body')
-  })
-
-  it('derived item appears in search results when searching by derived title', () => {
-    cy.intercept('GET', '/_content/search-index.json').as('searchIndex')
-    cy.visit('/content-search')
-    cy.wait('@searchIndex')
-    setSearchQuery('Derived')
-    cy.get('[data-cy=content-search-result]', { timeout: 8000 })
-      .should('contain', 'Derived From Body')
-  })
-})

package/e2e/cypress/e2e/cookie.cy.ts

@@ -1,85 +0,0 @@
-/**
- * useCookie() e2e tests — verifies isomorphic cookie read/write/remove
- * works correctly in all rendering modes.
- *
- * Client-side path: set/remove via document.cookie.
- * SSR path: reads from req.headers.cookie on initial request.
- */
-
-const mode = Cypress.env('mode') as 'spa' | 'ssr' | 'ssg'
-
-// Helper: find an element inside the page-cookie-test shadow DOM (post-hydration).
-const cookiePage = () =>
-  cy.get('cer-layout-view').shadow().find('page-cookie-test').shadow()
-
-describe('useCookie() — client-side read/write/remove', () => {
-  beforeEach(() => {
-    cy.clearCookies()
-  })
-
-  it('shows "not set" when the cookie is absent', () => {
-    cy.visit('/cookie-test')
-    cookiePage().find('[data-cy=cookie-value]').should('contain', 'not set')
-  })
-
-  it('reads a cookie set via cy.setCookie()', () => {
-    cy.setCookie('ks-test-cookie', 'cypress-value')
-    cy.visit('/cookie-test')
-    cookiePage().find('[data-cy=cookie-value]').should('contain', 'cypress-value')
-  })
-
-  it('sets the cookie when the set button is clicked', () => {
-    cy.visit('/cookie-test')
-    cookiePage().find('[data-cy=set-cookie]').click({ force: true })
-    // After reload the SSR-rendered light DOM shows the new value
-    cy.get('[data-cy=cookie-value]').should('contain', 'hello-from-cer-app')
-    cy.getCookie('ks-test-cookie').should('have.property', 'value', 'hello-from-cer-app')
-  })
-
-  it('removes the cookie when the remove button is clicked', () => {
-    cy.setCookie('ks-test-cookie', 'to-remove')
-    cy.visit('/cookie-test')
-    cookiePage().find('[data-cy=cookie-value]').should('contain', 'to-remove')
-    cookiePage().find('[data-cy=remove-cookie]').click({ force: true })
-    // After reload the SSR-rendered light DOM shows "not set"
-    cy.get('[data-cy=cookie-value]').should('contain', 'not set')
-  })
-})
-
-if (mode === 'ssr') {
-  describe('useCookie() — server-side read (SSR)', () => {
-    it('reads the cookie from the request and renders its value', () => {
-      cy.setCookie('ks-test-cookie', 'ssr-cookie-value')
-      cy.visit('/cookie-test')
-      // The SSR-rendered HTML should include the cookie value server-side
-      cy.get('[data-cy=cookie-value]').should('contain', 'ssr-cookie-value')
-    })
-
-    it('initial HTML contains the cookie value when cookie is sent with the request', () => {
-      cy.setCookie('ks-test-cookie', 'in-html')
-      cy.request({
-        url: '/cookie-test',
-        headers: { Cookie: 'ks-test-cookie=in-html' },
-      }).then((response) => {
-        expect(response.body).to.include('in-html')
-      })
-    })
-  })
-
-  describe('useCookie() — SameSite=Lax default (security)', () => {
-    it('Set-Cookie header includes SameSite=Lax by default when no sameSite option is passed', () => {
-      // The session cookie written by useSession() (which delegates to useCookie())
-      // must default to SameSite=Lax to prevent CSRF on older browsers.
-      cy.request({ url: '/session-test', failOnStatusCode: false }).then((response) => {
-        // The session endpoint sets a session cookie — verify the header
-        const setCookie = response.headers['set-cookie']
-        if (setCookie) {
-          const cookieStr = Array.isArray(setCookie) ? setCookie.join('; ') : String(setCookie)
-          // SameSite=Lax must be present; SameSite=None would be a security regression
-          expect(cookieStr).to.match(/SameSite=Lax/i)
-          expect(cookieStr).not.to.match(/SameSite=None/i)
-        }
-      })
-    })
-  })
-}

package/e2e/cypress/e2e/data.cy.ts

@@ -1,158 +0,0 @@
-/**
- * Data loading tests — page loaders, usePageData, dynamic params.
- *
- * Blog data is loaded via a page `loader` in SSR/SSG mode and falls back to
- * client-side fetch in SPA mode. Item IDs come from route params (all modes).
- */
-
-const mode = Cypress.env('mode') as 'spa' | 'ssr' | 'ssg'
-
-describe('Blog list — data loader', () => {
-  // In SSR/SSG the loader runs server-side; data is embedded in HTML.
-  // In SPA the page fetches from /api/posts on mount.
-
-  if (mode !== 'spa') {
-    it('renders pre-loaded posts in initial HTML (SSR/SSG)', () => {
-      cy.request('/blog').then((response) => {
-        expect(response.body).to.include('First Post')
-        expect(response.body).to.include('Second Post')
-      })
-    })
-  }
-
-  it('blog list renders at least 2 items after hydration', () => {
-    cy.visit('/blog')
-    cy.get('[data-cy=blog-list]').should('exist')
-    // Items appear after hydration (SSR) or fetch (SPA)
-    cy.get('[data-cy=blog-item]', { timeout: 8000 }).should('have.length.at.least', 2)
-  })
-
-  it('First Post link is present', () => {
-    cy.visit('/blog')
-    cy.get('[data-cy=blog-item]').should('have.length.at.least', 1)
-    cy.get('[data-cy="blog-link-first-post"]').should('exist')
-  })
-
-  it('Second Post link is present', () => {
-    cy.visit('/blog')
-    cy.get('[data-cy="blog-link-second-post"]').should('exist')
-  })
-})
-
-describe('Blog detail — dynamic route with loader', () => {
-  it('renders "First Post" title for /blog/first-post', () => {
-    cy.visit('/blog/first-post')
-    cy.get('[data-cy=post-title]').should('contain', 'First Post')
-  })
-
-  it('renders "Second Post" title for /blog/second-post', () => {
-    cy.visit('/blog/second-post')
-    cy.get('[data-cy=post-title]').should('contain', 'Second Post')
-  })
-
-  it('shows the correct slug in the post', () => {
-    cy.visit('/blog/first-post')
-    cy.get('[data-cy=post-slug]').should('contain', 'first-post')
-  })
-
-  if (mode !== 'spa') {
-    it('body content is pre-rendered in initial HTML (SSR/SSG)', () => {
-      cy.request('/blog/first-post').then((response) => {
-        expect(response.body).to.include('First post body content')
-      })
-    })
-
-    it('second post body is pre-rendered (SSR/SSG)', () => {
-      cy.request('/blog/second-post').then((response) => {
-        expect(response.body).to.include('Second post body content')
-      })
-    })
-  }
-
-  it('renders the body content after hydration', () => {
-    cy.visit('/blog/first-post')
-    cy.get('[data-cy=post-body]', { timeout: 8000 }).should('contain', 'First post body content')
-  })
-
-  it('back link navigates to /blog', () => {
-    cy.visit('/blog/first-post')
-    cy.get('[data-cy=post-back]').first().click({ force: true })
-    cy.url().should('include', '/blog')
-    cy.get('[data-cy=blog-heading]').should('contain', 'Blog')
-  })
-})
-
-describe('Loader props — useProps reads loader return values', () => {
-  // The loader returns { label: 'Hello from loader', count: '42' }.
-  // These primitive values are passed as HTML attributes so useProps() can
-  // read them in all render modes.
-
-  it('displays label from loader', () => {
-    cy.visit('/loader-props-test')
-    cy.get('[data-cy=loader-label]').should('contain', 'Hello from loader')
-  })
-
-  it('displays count from loader', () => {
-    cy.visit('/loader-props-test')
-    cy.get('[data-cy=loader-count]').should('contain', '42')
-  })
-
-  if (mode !== 'spa') {
-    it('loader values are pre-rendered in initial HTML (SSR/SSG)', () => {
-      cy.request('/loader-props-test').then((response) => {
-        expect(response.body).to.include('Hello from loader')
-      })
-    })
-  }
-})
-
-describe('Blog detail — client-side navigation loader', () => {
-  // These tests verify that navigating between pages via router.push correctly
-  // runs the new route's loader and clears stale data from the previous route.
-
-  it('navigating from /blog to /blog/first-post via router.push loads loader data', () => {
-    cy.visit('/blog')
-    cy.get('[data-cy=blog-list]').should('exist')
-    cy.window().then((win) => {
-      return (win as any).__cerRouter?.push('/blog/first-post')
-    })
-    cy.url().should('include', '/blog/first-post')
-    cy.get('[data-cy=post-title]', { timeout: 8000 }).should('contain', 'First Post')
-    cy.get('[data-cy=post-body]', { timeout: 8000 }).should('contain', 'First post body content')
-  })
-
-  it('navigating between blog posts via router.push loads new loader data', () => {
-    cy.visit('/blog/first-post')
-    cy.get('[data-cy=post-title]').should('contain', 'First Post')
-    cy.window().then((win) => {
-      return (win as any).__cerRouter?.push('/blog/second-post')
-    })
-    cy.url().should('include', '/blog/second-post')
-    cy.get('[data-cy=post-title]', { timeout: 8000 }).should('contain', 'Second Post')
-    cy.get('[data-cy=post-body]', { timeout: 8000 }).should('contain', 'Second post body content')
-  })
-})
-
-describe('Item detail — route params via useProps', () => {
-  it('shows item ID 1 for /items/1', () => {
-    cy.visit('/items/1')
-    cy.get('[data-cy=item-id]').should('contain', '1')
-  })
-
-  it('shows item ID 2 for /items/2', () => {
-    cy.visit('/items/2')
-    cy.get('[data-cy=item-id]').should('contain', '2')
-  })
-
-  it('shows correct ID for client-side nav to /items/2 from /items/1', () => {
-    cy.visit('/items/1')
-    cy.get('[data-cy=item-id]').should('contain', '1')
-    // Navigate via the framework router (same pattern as navigate.cy.ts).
-    // __cerRouter is exposed on globalThis by app-template.ts.
-    cy.window().then((win) => {
-      return (win as any).__cerRouter?.push('/items/2')
-    })
-    cy.url().should('include', '/items/2')
-    cy.get('[data-cy=item-id]').should('contain', '2')
-  })
-})