       },
     }, {
       title: 'title3',
+      context: 'negative',
       content: {
         name: 'Ganesh',
         town: 'Digswell'

  it 'should allow things to be set by the dom', ->
    testChange 'user', (tabs) -> pretendClickTab tabs, 1






  setupTabs = ->

    ctx = [undefined, undefined, 'negative', 'action']
    createTabHeaderAndBody = (i) ->
      identifier = "tab-content-#{i}"
      header = hx.detached 'div'
        .class 'hx-tab'
        .attr 'id', "tab-#{i}"
        .attr 'data-content', identifier
      hx.palette.context header.node(), ctx[i]
      body = hx.detached 'div'
        .attr 'id', identifier
        .class 'hx-tab-content'
      { header, body }

    numberOfTabs = ctx.length

    headerAndBody = hx.range numberOfTabs
      .map createTabHeaderAndBody
