@revoloo/cypress6/npm/create-cypress-tests/src/component-testing/templates/react/babel.test.ts

Cypress.io end to end testing tool

import { expect } from 'chai'
import mockFs from 'mock-fs'
import { BabelTemplate } from './babel'
import { snapshotPluginsAstCode } from '../../../test-utils'

describe('babel installation template', () => {
  beforeEach(mockFs.restore)

  it('resolves babel.config.json', () => {
    mockFs({
      '/babel.config.json': JSON.stringify({
        presets: [],
        plugins: [],
      }),
    })

    const { success } = BabelTemplate.test('/')

    expect(success).to.equal(true)
  })

  it('resolves babel.config.js', () => {
    mockFs({
      '/project/babel.config.js':
        'module.exports = { presets: [], plugins: [] };',
      '/project/index/package.json': 'dev/null',
    })

    const { success } = BabelTemplate.test('/project/index')

    expect(success).to.equal(true)
  })

  it('resolves babel config from the deep folder', () => {
    mockFs({
      '/some/.babelrc': JSON.stringify({
        presets: [],
        plugins: [],
      }),
      '/some/deep/folder/text.txt': '1',
    })

    const { success } = BabelTemplate.test('/some/deep/folder')

    expect(success).to.equal(true)
  })

  it('fails if no babel config found', () => {
    mockFs({
      '/some.txt': '1',
    })

    const { success } = BabelTemplate.test('/')

    expect(success).to.equal(false)
  })

  it('resolves babel.config from package.json', () => {
    mockFs({
      '/package.json': JSON.stringify({
        babel: {
          presets: [],
        },
      }),
    })

    const { success } = BabelTemplate.test('/')

    expect(success).to.equal(true)
  })

  it('correctly generates plugins config', () => snapshotPluginsAstCode(BabelTemplate))
})