       '''
       <span id="v1a" class="myna-expt1" data-bind="class"></span>
       <span id="v1b" class="myna-expt1" data-bind="class=cssClass"></span>
+      <span id="v1c" class="myna-expt1" data-bind="class=name"></span>
+      <span id="v1d" class="myna-expt1" data-bind="class=id"></span>
       '''
     )
 
     expect(Myna.$("#v1a").attr("class")).toEqual("myna-expt1")
     expect(Myna.$("#v1b").attr("class")).toEqual("myna-expt1")
+    expect(Myna.$("#v1c").attr("class")).toEqual("myna-expt1")
+    expect(Myna.$("#v1d").attr("class")).toEqual("myna-expt1")
 
     client.experiments.expt1.view("variant1")
     expect(Myna.$("#v1a").attr("class")).toEqual("myna-expt1 Variant 1.1")
     expect(Myna.$("#v1b").attr("class")).toEqual("myna-expt1 class1")
+    expect(Myna.$("#v1c").attr("class")).toEqual("myna-expt1 Variant 1.1")
+    expect(Myna.$("#v1d").attr("class")).toEqual("myna-expt1 variant1")
 
     client.experiments.expt1.view("variant2")
     expect(Myna.$("#v1a").attr("class")).toEqual("myna-expt1 Variant 1.1 1.2")
     expect(Myna.$("#v1b").attr("class")).toEqual("myna-expt1 class1 class2")
+    expect(Myna.$("#v1c").attr("class")).toEqual("myna-expt1 Variant 1.1 1.2")
+    expect(Myna.$("#v1d").attr("class")).toEqual("myna-expt1 variant1 variant2")
 
     return
 

      '''
      <span id="v1a" class="myna-expt1" data-bind="text"></span>
      <span id="v1b" class="myna-expt1" data-bind="text=html"></span>
      '''
    )

    expect(Myna.$("#v1a").html()).toEqual("")
    expect(Myna.$("#v1b").html()).toEqual("")

    client.experiments.expt1.view("variant1")
    expect(Myna.$("#v1a").html()).toEqual("Variant 1.1")
    expect(Myna.$("#v1b").html()).toEqual("&lt;v1&gt;")

    client.experiments.expt1.view("variant2")
    expect(Myna.$("#v1a").html()).toEqual("Variant 1.2")
    expect(Myna.$("#v1b").html()).toEqual("&lt;v2&gt;")

    return


      '''
      <span id="v1a" class="myna-expt1" data-bind="@title"></span>
      <span id="v1b" class="myna-expt1" data-bind="@title=title"></span>
      <span id="v1c" class="myna-expt1" data-bind="@title=name"></span>
      <span id="v1d" class="myna-expt1" data-bind="@title=id"></span>
      '''
    )

    expect(Myna.$("#v1a").attr("title")).toEqual(null)
    expect(Myna.$("#v1b").attr("title")).toEqual(null)
    expect(Myna.$("#v1c").attr("title")).toEqual(null)
    expect(Myna.$("#v1d").attr("title")).toEqual(null)

    client.experiments.expt1.view("variant1")
    expect(Myna.$("#v1a").attr("title")).toEqual("Variant 1.1")
    expect(Myna.$("#v1b").attr("title")).toEqual("title1")
    expect(Myna.$("#v1c").attr("title")).toEqual("Variant 1.1")
    expect(Myna.$("#v1d").attr("title")).toEqual("variant1")

    client.experiments.expt1.view("variant2")
    expect(Myna.$("#v1a").attr("title")).toEqual("Variant 1.2")
    expect(Myna.$("#v1b").attr("title")).toEqual("title2")
    expect(Myna.$("#v1c").attr("title")).toEqual("Variant 1.2")
    expect(Myna.$("#v1d").attr("title")).toEqual("variant2")

    return

