Basic, basic tests. But really they need more detail before merge.

features/regions/simple/basic_editing.feature

@@ -0,0 +1,5 @@
+@javascript
+Feature:
+  As a content editor type person
+  In order to manage content
+  I should be able to manipulate text

spec/javascripts/mercury/regions/image_spec.js.coffee

@@ -0,0 +1,34 @@
+describe "Mercury.Regions.Image", ->
+
+  template 'mercury/regions/image.html'
+
+  beforeEach ->
+    @regionElement = $('#editable_region1')
+
+  describe "constructor", ->
+
+     beforeEach ->
+       @buildSpy = spyOn(Mercury.Regions.Image.prototype, 'build').andCallFake(=>)
+       @bindEventsSpy = spyOn(Mercury.Regions.Image.prototype, 'bindEvents').andCallFake(=>)
+
+     it "expects an element and window", ->
+       @region = new Mercury.Regions.Image(@regionElement, window)
+       expect(@region.element.get(0)).toEqual($('#editable_region1').get(0))
+       expect(@region.window).toEqual(window)
+
+     it "accepts options", ->
+       @region = new Mercury.Regions.Image(@regionElement, window, {foo: 'something'})
+       expect(@region.options).toEqual({foo: 'something'})
+
+     it "sets it's type", ->
+       @region = new Mercury.Regions.Image(@regionElement, window)
+       expect(@region.type).toEqual('image')
+
+     it "calls build", ->
+       @region = new Mercury.Regions.Image(@regionElement, window)
+       expect(@buildSpy.callCount).toEqual(1)
+
+     it "calls bindEvents", ->
+       @region = new Mercury.Regions.Image(@regionElement, window)
+       expect(@bindEventsSpy.callCount).toEqual(1)
+

spec/javascripts/mercury/regions/simple_spec.js.coffee

@@ -0,0 +1,33 @@
+describe "Mercury.Regions.Simple", ->
+
+  template 'mercury/regions/simple.html'
+
+  beforeEach ->
+    @regionElement = $('#editable_region1')
+
+  describe "constructor", ->
+
+     beforeEach ->
+       @buildSpy = spyOn(Mercury.Regions.Simple.prototype, 'build').andCallFake(=>)
+       @bindEventsSpy = spyOn(Mercury.Regions.Simple.prototype, 'bindEvents').andCallFake(=>)
+
+     it "expects an element and window", ->
+       @region = new Mercury.Regions.Simple(@regionElement, window)
+       expect(@region.element.get(0)).toEqual($('#editable_region1').get(0))
+       expect(@region.window).toEqual(window)
+
+     it "accepts options", ->
+       @region = new Mercury.Regions.Simple(@regionElement, window, {foo: 'something'})
+       expect(@region.options).toEqual({foo: 'something'})
+
+     it "sets it's type", ->
+       @region = new Mercury.Regions.Simple(@regionElement, window)
+       expect(@region.type).toEqual('simple')
+
+     it "calls build", ->
+       @region = new Mercury.Regions.Simple(@regionElement, window)
+       expect(@buildSpy.callCount).toEqual(1)
+
+     it "calls bindEvents", ->
+       @region = new Mercury.Regions.Simple(@regionElement, window)
+       expect(@bindEventsSpy.callCount).toEqual(1)

spec/javascripts/templates/mercury/regions/image.html

@@ -0,0 +1 @@
+<img id="editable_region1" src="foo.jpg" />

spec/javascripts/templates/mercury/regions/simple.html

@@ -0,0 +1,3 @@
+<div id="editable_region1">
+
+</div>