import test from 'ava'
import octicons from '../'

test('Octicons are loaded', t => {
  t.truthy(octicons, "Didn't find any octicons.")
  t.not(Object.keys(octicons).length, 0, "Didn't find any octicons.")
})

test('Octicons have svg', t => {
  t.truthy(octicons, "Didn't find any octicons.")
  for (const point of Object.keys(octicons)) {
    t.truthy(octicons[point].toSVG(), `The octicon "${point}" doesn't have svg`)
  }
})

test('Octicons have default html attributes', t => {
  t.truthy(octicons, "Didn't find any octicons.")
  for (const point of Object.keys(octicons)) {
    const svg = octicons[point].toSVG()
    t.regex(svg, /version="1\.1"/, `The octicon "${point}" doesn't have the version attribute`)
    t.regex(svg, /aria-hidden="true"/, `The octicon "${point}" doesn't have the aria-hidden attribute`)
    t.regex(svg, new RegExp(`width=`), `The octicon "${point}" doesn't have the width attribute`)
    t.regex(svg, new RegExp(`height=`), `The octicon "${point}" doesn't have the height attribute`)
    t.regex(svg, new RegExp(`viewBox=`), `The octicon "${point}" doesn't have the viewBox attribute`)
    t.regex(
      svg,
      new RegExp(`class="octicon octicon-${octicons[point].symbol}"`),
      `The octicon "${point}" doesn't have the class attribute`
    )
  }
})

test('Passing in classnames will be included in output', t => {
  t.truthy(octicons, "Didn't find any octicons.")
  for (const point of Object.keys(octicons)) {
    const svg = octicons[point].toSVG({class: 'new-class another-class'})
    t.regex(
      svg,
      new RegExp(`class="octicon octicon-${octicons[point].symbol} new-class another-class"`),
      `The octicon "${point}" doesn't have the class attribute`
    )
  }
})

test('Passing in aria-label will update the a11y options', t => {
  t.truthy(octicons, "Didn't find any octicons.")
  for (const point of Object.keys(octicons)) {
    const svg = octicons[point].toSVG({'aria-label': 'This is an icon'})
    t.regex(
      svg,
      new RegExp('aria-label="This is an icon"'),
      `The octicon "${point}" doesn't have the aria-label attribute`
    )
  }
})

test('Passing in width will size properly', t => {
  const svg = octicons['x'].toSVG({height: 60})
  t.regex(svg, new RegExp('width="60"'), 'The octicon "x" doesn\'t have the width attribute scaled properly')
})

test('Passing in height will size properly', t => {
  const svg = octicons['x'].toSVG({width: 45})
  t.regex(svg, new RegExp('height="45"'), 'The octicon "x" doesn\'t have the height attribute scaled properly')
})

test('Passing in height will size properly', t => {
  const svg = octicons['x'].toSVG({width: 45})
  t.regex(svg, new RegExp('height="45"'), 'The octicon "x" doesn\'t have the height attribute scaled properly')
})

test('Chooses the correct svg given a height', t => {
  const svg = octicons['x'].toSVG({height: 32})
  t.regex(svg, new RegExp('width="32"'))
  t.regex(svg, new RegExp('height="32"'))
  t.regex(svg, new RegExp('viewBox="0 0 24 24"'))
})

test('Chooses the correct svg given a width', t => {
  const svg = octicons['x'].toSVG({width: 24})
  t.regex(svg, new RegExp('width="24"'))
  t.regex(svg, new RegExp('height="24"'))
  t.regex(svg, new RegExp('viewBox="0 0 24 24"'))
})

test('Chooses the correct svg given a width and height', t => {
  const svg = octicons['x'].toSVG({width: 16, height: 24})
  t.regex(svg, new RegExp('width="16"'))
  t.regex(svg, new RegExp('height="24"'))
  t.regex(svg, new RegExp('viewBox="0 0 24 24"'))
})