page.test.js

globalThis.__dirname = __dirname
vi.mock('fs-extra')
vi.mock('../../../../lib', async (importOriginal) => {
  const originalLib = await importOriginal()
  return {
    ...originalLib,
    generateTemplate: () => '',
  }
})

import fs from 'fs-extra'
import { vol } from 'memfs'
import { vi, beforeEach, afterEach, test, expect } from 'vitest'

import '../../../../lib/mockTelemetry'

vi.mock('@redwoodjs/project-config', async (importOriginal) => {
  const path = require('path')
  const originalProjectConfig = await importOriginal()
  return {
    getPaths: () => {
      const BASE_PATH = '/path/to/project'

      return {
        base: BASE_PATH,
        web: {
          generators: path.join(BASE_PATH, './web/generators'),
          routes: path.join(BASE_PATH, 'web/src/Routes.js'),
          pages: path.join(BASE_PATH, '/web/src/pages'),
        },
      }
    },
    getConfig: () => ({}),
    findUp: originalProjectConfig.findUp,
    ensurePosixPath: originalProjectConfig.ensurePosixPath,
    resolveFile: originalProjectConfig.resolveFile,
  }
})

vi.mock('@redwoodjs/cli-helpers', async (importOriginal) => {
  const originalCliHelpers = await importOriginal()

  return {
    ...originalCliHelpers,
    isTypeScriptProject: () => false,
  }
})

vi.mock('@redwoodjs/internal/dist/generate/generate', () => {
  return {
    generate: () => {
      return { errors: [] }
    },
  }
})

import { getPaths } from '../../../../lib/index.js'
import { files } from '../../../generate/page/page.js'
import { tasks } from '../page.js'

beforeEach(async () => {
  const f = await files({ name: 'About' })
  vol.fromJSON({
    ...f,
    [getPaths().web.routes]: [
      '<Routes>',
      '  <Route path="/about" page={AboutPage} name="about" />',
      '  <Route path="/" page={HomePage} name="home" />',
      '  <Route notfound page={NotFoundPage} />',
      '</Routes>',
    ].join('\n'),
  })
})

afterEach(() => {
  vol.reset()
  vi.spyOn(fs, 'unlinkSync').mockClear()
})

test('destroys page files', async () => {
  const unlinkSpy = vi.spyOn(fs, 'unlinkSync')
  const t = tasks({ name: 'About' })
  t.options.renderer = 'silent'

  return t.tasks[0].run().then(() => {
    const generatedFiles = Object.keys(files({ name: 'About' }))
    expect(generatedFiles.length).toEqual(unlinkSpy.mock.calls.length)
    generatedFiles.forEach((f) => expect(unlinkSpy).toHaveBeenCalledWith(f))
  })
})

test('destroys page files with stories and tests', async () => {
  const fileOptions = { name: 'About', stories: true, tests: true }
  const f = await files(fileOptions)
  vol.fromJSON({
    ...f,
    [getPaths().web.routes]: [
      '<Routes>',
      '  <Route path="/about" page={AboutPage} name="about" />',
      '  <Route path="/" page={HomePage} name="home" />',
      '  <Route notfound page={NotFoundPage} />',
      '</Routes>',
    ].join('\n'),
  })

  const unlinkSpy = vi.spyOn(fs, 'unlinkSync')
  const t = tasks(fileOptions)
  t.options.renderer = 'silent'

  return t.tasks[0].run().then(() => {
    const generatedFiles = Object.keys(files(fileOptions))
    expect(generatedFiles.length).toEqual(unlinkSpy.mock.calls.length)
    generatedFiles.forEach((f) => expect(unlinkSpy).toHaveBeenCalledWith(f))
  })
})

test('cleans up route from Routes.js', async () => {
  const t = tasks({ name: 'About' })
  t.options.renderer = 'silent'

  return t.tasks[1].run().then(() => {
    const routes = fs.readFileSync(getPaths().web.routes, 'utf-8')
    expect(routes).toEqual(
      [
        '<Routes>',
        '  <Route path="/" page={HomePage} name="home" />',
        '  <Route notfound page={NotFoundPage} />',
        '</Routes>',
      ].join('\n'),
    )
  })
})

test('cleans up route with a custom path from Routes.js', async () => {
  const t = tasks({ name: 'About', path: '/about-us' })
  t.options.renderer = 'silent'

  return t.tasks[1].run().then(() => {
    const routes = fs.readFileSync(getPaths().web.routes, 'utf-8')
    expect(routes).toEqual(
      [
        '<Routes>',
        '  <Route path="/" page={HomePage} name="home" />',
        '  <Route notfound page={NotFoundPage} />',
        '</Routes>',
      ].join('\n'),
    )
  })
})