     it "renders read only", (done) ->
         sf = LT.renderComponent(LC.SelectField,
              props:{model: @car, name: 'brand', labelField: 'name'})
-        expect(_.dom(sf).qs('.value').text).toBe('')
+        expect(_.dom(sf).qs(VALUE_CLASS).text).toBe('')
         @car.set(brand: @brands.at(0))
         _.defer ->
-            expect(_.dom(sf).qs('.value').text).toBe('General Motors')
+            expect(_.dom(sf).qs(VALUE_CLASS).text).toBe('General Motors')
             done()
 
     it "renders as edit", ->

            model: @car, name: 'brand', labelField: 'name',
            choices: @brands.models
        })
        expect(_.dom(sf).qs('.value').text).toEqual('Chrysler/Dodge')

    it 'renders label for multiple values', ->
        @car.carTypes = [ @brands.at(0), @brands.at(2) ]

            queryModel: Car, multiSelect: true, model: @car, name: 'carTypes'
            labelField: 'name', choices: @brands.models
        })
        expect(_.dom(sf).qs(VALUE_CLASS).text).toEqual('General Motors and Chrysler/Dodge')


    it "renders all choices", ->
