themeName = 'one-light-ui'

describe "#{themeName} theme", ->
  beforeEach ->
    waitsForPromise ->
      atom.packages.activatePackage(themeName)

  it "allows the font size to be set via config", ->
    expect(document.documentElement.style.fontSize).toBe '12px'

    atom.config.set("#{themeName}.fontSize", '10')
    expect(document.documentElement.style.fontSize).toBe '10px'

  it "allows the tab sizing to be set via config", ->
    atom.config.set("#{themeName}.tabSizing", 'Maximum')
    expect(document.documentElement.getAttribute("theme-#{themeName}-tabsizing")).toBe 'maximum'

  it "allows the tab sizing to be set via config", ->
    atom.config.set("#{themeName}.tabSizing", 'Minimum')
    expect(document.documentElement.getAttribute("theme-#{themeName}-tabsizing")).toBe 'minimum'

  it "allows the tab close button to be shown on the left via config", ->
    atom.config.set("#{themeName}.tabCloseButton", 'Left')
    expect(document.documentElement.getAttribute("theme-#{themeName}-tab-close-button")).toBe 'left'

  it "allows the dock toggle buttons to be hidden via config", ->
    atom.config.set("#{themeName}.hideDockButtons", true)
    expect(document.documentElement.getAttribute("theme-#{themeName}-dock-buttons")).toBe 'hidden'

  it "allows the tree-view headers to be sticky via config", ->
    atom.config.set("#{themeName}.stickyHeaders", true)
    expect(document.documentElement.getAttribute("theme-#{themeName}-sticky-headers")).toBe 'sticky'

  it "allows the tree-view headers to not be sticky via config", ->
    atom.config.set("#{themeName}.stickyHeaders", false)
    expect(document.documentElement.getAttribute("theme-#{themeName}-sticky-headers")).toBe null