admin-bro/src/frontend/layout-template.spec.ts

Admin panel for apps written in node.js

import { expect } from 'chai'
import layoutTemplate from './layout-template'
import AdminBro from '../admin-bro'
import { BrandingOptions } from '../admin-bro-options.interface'

describe('layoutTemplate', function () {
  context('AdminBro with branding options set as a function', function () {
    const companyName = 'Dynamic Company'
    let html: string

    beforeEach(async function () {
      const adminBro = new AdminBro({
        branding: async () => ({ companyName }),
      })

      html = await layoutTemplate(adminBro, undefined, '/')
    })

    it('renders default company name', function () {
      expect(html).to.contain(companyName)
    })

    it('links to global bundle', async function () {
      expect(html).to.contain('global.bundle.js')
    })
  })

  describe('AdminBro with branding options given', function () {
    const branding = {
      softwareBrothers: false,
      companyName: 'Other name',
      favicon: '/someImage.png',
    } as BrandingOptions
    let html: string

    beforeEach(async function () {
      const adminBro = new AdminBro({ branding })

      html = await layoutTemplate(adminBro, undefined, '/')
    })

    it('renders company name', function () {
      expect(html).to.contain(branding.companyName)
    })

    it('renders favicon', function () {
      expect(html).to.contain(
        `<link rel="shortcut icon" type="image/png" href="${branding.favicon}" />`,
      )
    })
  })

  context('custom styles and scripts were defined in AdminBro options', function () {
    let html: string
    const scriptUrl = 'http://somescript.com'
    const styleUrl = 'http://somestyle.com'

    beforeEach(async function () {
      const adminBro = new AdminBro({
        assets: {
          styles: [styleUrl],
          scripts: [scriptUrl],
        },
      })

      html = await layoutTemplate(adminBro, undefined, '/')
    })

    it('adds styles to the head section', function () {
      expect(html).to.contain(styleUrl)
    })

    it('adds scripts to the body', function () {
      expect(html).to.contain(scriptUrl)
    })
  })
})