import { expect } from 'chai'
import { Design } from '@freesewing/core'
import { plugin } from '../src/index.mjs'

describe('Theme Plugin Tests', () => {
  const Pattern = new Design()
  const pattern = new Pattern({ paperless: true }).use(plugin)
  pattern.draft().render()

  it('Should load base CSS', () => {
    expect(pattern.svg.style).to.contain('svg.freesewing')
  })

  /*
   * FIXME: Re-implement this for v3
  it('Should load the metric grid for paperless', () => {
    expect(pattern.svg.head).to.contain('gridline-xs')
    expect(pattern.svg.head).to.contain('M 10 0 L 10 100 M 20 0 L 20')
  })

  it('Should load the imperial grid for paperless', () => {
    const pattern = new Pattern({ paperless: true, units: 'imperial' }).use(plugin)
    pattern.draft().render()
    expect(pattern.svg.defs).to.contain('gridline-sm')
    expect(pattern.svg.defs).to.contain('M 12.7 0 L 12.7')
  })

  it('Should apply scale.', () => {
    expect(pattern.svg.style).to.contain('svg.freesewing .text-xxl {\n    font-size: 12px')

    pattern.settings.scale = 2
    pattern.draft().render()

    expect(pattern.svg.style).to.contain('svg.freesewing .text-xxl {\n    font-size: 24px;')
  })
  */

  it('Should round after applying scale.', () => {
    pattern.settings[0].scale = 1 / 3
    pattern.draft().render()

    expect(pattern.svg.style).to.contain('svg.freesewing .text-xxl {\n    font-size: 4px')
  })
})