Cron.updateValue.test.tsx

import { render, screen, waitFor } from '@testing-library/react'
import userEvent from '@testing-library/user-event'

import Cron from '../Cron'

describe('Cron update value test suite', () => {
  it("should check that it's possible to change the period from minute to year", async () => {
    const user = userEvent.setup()
    const value = '* * * * *'
    const setValue = jest.fn()

    render(<Cron value={value} setValue={setValue} />)

    // Open Period dropdown
    await waitFor(() => {
      user.click(screen.getByText('minute'))
    })

    // Select year period
    await waitFor(() => {
      user.click(screen.getByText('year'))
    })

    // Check dropdowns values
    await waitFor(() => {
      expect(screen.getByTestId('select-period').textContent).toContain('year')
      expect(screen.getByTestId('custom-select-months').textContent).toContain(
        'every month'
      )
      expect(
        screen.getByTestId('custom-select-month-days').textContent
      ).toContain('every day of the month')
      expect(
        screen.getByTestId('custom-select-week-days').textContent
      ).toContain('every day of the week')
      expect(screen.getByTestId('custom-select-hours').textContent).toContain(
        'every hour'
      )
      expect(screen.getByTestId('custom-select-minutes').textContent).toContain(
        'every minute'
      )
    })
  })

  it("should check that it's possible to select specific minutes", async () => {
    const user = userEvent.setup()
    const value = '1,4 * * * *'
    const setValue = jest.fn()

    render(<Cron value={value} setValue={setValue} />)

    // Open minute dropdown
    await waitFor(() => user.click(screen.getByText('1,4')))

    // Select another minute value
    await waitFor(() => user.click(screen.getByText('59')))

    // Check dropdowns values
    expect(await screen.findByText('1,4,59')).toBeVisible()
  })

  it("should check that it's possible to select a periodicity with double click", async () => {
    const user = userEvent.setup()
    const value = '1,4 * * * *'
    const setValue = jest.fn()

    render(<Cron value={value} setValue={setValue} />)

    // Open minute dropdown
    await waitFor(() => {
      user.click(screen.getByText('1,4'))
    })

    // Select another minute value
    await waitFor(() => {
      user.dblClick(screen.getByText('2'))
    })

    // Check dropdowns values
    await waitFor(() => {
      expect(screen.getByTestId('custom-select-minutes').textContent).toContain(
        'every 2'
      )
    })
  })

  it("should check that it's possible to change a periodicity with double click", async () => {
    const user = userEvent.setup()
    const value = '*/2 * * * *'
    const setValue = jest.fn()

    render(<Cron value={value} setValue={setValue} />)

    // Open minute dropdown
    await waitFor(() => {
      user.click(screen.getByText('every 2'))
    })

    // Select another minute value
    await waitFor(() => {
      user.dblClick(screen.getByText('4'))
    })

    // Check dropdowns values
    await waitFor(() => {
      expect(screen.getByTestId('custom-select-minutes').textContent).toContain(
        'every 4'
      )
    })
  })

  it("should check that it's possible to clear cron value", async () => {
    const user = userEvent.setup()
    const value = '1 1 1 1 1'
    const setValue = jest.fn()

    render(<Cron value={value} setValue={setValue} />)

    // Clear cron value
    await waitFor(() => {
      user.click(screen.getByText('Clear'))
    })

    // Check dropdowns values
    await waitFor(() => {
      expect(setValue).toHaveBeenNthCalledWith(2, '* * * * *', {
        selectedPeriod: 'year',
      })
    })
  })

  it("should check that it's possible to clear cron value with empty", async () => {
    const user = userEvent.setup()
    const value = '1 1 1 1 1'
    const setValue = jest.fn()

    render(<Cron value={value} setValue={setValue} clearButtonAction='empty' />)

    // Clear cron value
    await waitFor(() => {
      user.click(screen.getByText('Clear'))
    })

    // Check dropdowns values
    await waitFor(() => {
      expect(setValue).toHaveBeenNthCalledWith(2, '', {
        selectedPeriod: 'year',
      })
    })
  })

  it("should check that it's possible to clear cron value when @reboot is set", async () => {
    const user = userEvent.setup()
    const value = '@reboot'
    const setValue = jest.fn()

    render(<Cron value={value} setValue={setValue} shortcuts={true} />)

    // Clear cron value
    await waitFor(() => {
      user.click(screen.getByText('Clear'))
    })

    // Check dropdowns values
    await waitFor(() => {
      expect(setValue).toHaveBeenNthCalledWith(2, '* * * * *', {
        selectedPeriod: 'day',
      })
    })
  })

  it('should check that pressing clear setting an empty value throw an error if not allowed', async () => {
    const user = userEvent.setup()
    const value = '1 1 1 1 1'
    const setValue = jest.fn()
    const onError = jest.fn()

    render(
      <Cron
        value={value}
        setValue={setValue}
        allowEmpty='never'
        clearButtonAction='empty'
        onError={onError}
      />
    )

    // Clear cron value
    await waitFor(() => {
      user.click(screen.getByText('Clear'))
    })

    // Check dropdowns values and error
    await waitFor(() => {
      expect(setValue).toHaveBeenNthCalledWith(2, '', {
        selectedPeriod: 'year',
      })
      expect(onError).toHaveBeenNthCalledWith(3, {
        description: 'Invalid cron expression',
        type: 'invalid_cron',
      })
    })
  })

  it("should check that pressing clear setting an empty value don't throw an error if not allowed", async () => {
    const user = userEvent.setup()
    const value = '1 1 1 1 1'
    const setValue = jest.fn()
    const onError = jest.fn()

    render(
      <Cron
        value={value}
        setValue={setValue}
        allowEmpty='always'
        clearButtonAction='empty'
        onError={onError}
      />
    )

    // Clear cron value
    await waitFor(() => {
      user.click(screen.getByText('Clear'))
    })

    // Check dropdowns values and error
    await waitFor(() => {
      expect(setValue).toHaveBeenNthCalledWith(2, '', {
        selectedPeriod: 'year',
      })
      expect(onError).toHaveBeenNthCalledWith(3, undefined)
    })
  })

  it("should check that it's not possible to update value when it's readOnly mode", async () => {
    const user = userEvent.setup()
    const value = '1,4 * * * *'
    const setValue = jest.fn()

    render(<Cron value={value} setValue={setValue} readOnly />)

    // Open minute dropdown
    await waitFor(() => user.click(screen.getByText('1,4')))

    // Check dropdown is not visible
    await waitFor(() => {
      expect(screen.queryByText('59')).not.toBeInTheDocument()
    })

    // Check dropdowns values still the sane
    expect(await screen.findByText('1,4')).toBeVisible()
  })

  it("should check that it's not possible to update value when it's disabled mode", async () => {
    const user = userEvent.setup()
    const value = '1,4 * * * *'
    const setValue = jest.fn()

    render(<Cron value={value} setValue={setValue} disabled />)

    // Open minute dropdown
    await waitFor(() => user.click(screen.getByText('1,4')))

    // Check dropdown is not visible
    await waitFor(() => {
      expect(screen.queryByText('59')).not.toBeInTheDocument()
    })

    // Check dropdowns values still the sane
    expect(await screen.findByText('1,4')).toBeVisible()
  })

  it('should check that week-days and minutes options are filtered with dropdownConfig', async () => {
    const user = userEvent.setup()
    const value = '4,6 * * * 1'
    const setValue = jest.fn()

    render(
      <Cron
        value={value}
        setValue={setValue}
        dropdownsConfig={{
          'minutes': {
            // Remove minute 59 and 58
            filterOption: ({ value }) => Number(value) < 58,
          },
          'week-days': {
            // Remove sunday
            filterOption: ({ value }) => Number(value) !== 0,
          },
        }}
      />
    )

    // Open minutes dropdown
    await waitFor(() => {
      user.click(screen.getByText('4,6'))
    })

    // Check minutes
    await waitFor(() => {
      for (let i = 0; i < 60; i++) {
        if (i < 58) {
          expect(screen.getByText(i)).toBeVisible()
        } else {
          expect(screen.queryByText(i)).not.toBeInTheDocument()
        }
      }
    })

    // Open week-days dropdown
    await waitFor(() => {
      user.click(screen.getByText('MON'))
    })

    // Check days of the week
    await waitFor(() => {
      const days = [
        'Sunday',
        'Monday',
        'Tuesday',
        'Wednesday',
        'Thursday',
        'Friday',
        'Saturday',
      ]
      for (let i = 0; i < 7; i++) {
        if (i === 0) {
          expect(screen.queryByText(days[i])).not.toBeInTheDocument()
        } else {
          expect(screen.getByText(days[i])).toBeVisible()
        }
      }
    })
  })
})