Added functional test for the image data type #49

Author: chrisala

grails-app/conf/BuildConfig.groovy

@@ -35,7 +35,7 @@ clover {
                 }
             }
         }
-        ant.'clover-check'(target: "52%", haltOnFailure: true) { }
+        ant.'clover-check'(target: "52.5%", haltOnFailure: true) { }
 
     }
 }

grails-app/conf/example_data/Landscape_2.jpg

@@ -1,5 +1,8 @@
 {
-  "images": {
+  "images1": {
     "documentId": "d1"
+  },
+  "images2": {
+    "documentId": "d2"
   }
 }

grails-app/conf/example_data/images.json

@@ -3,14 +3,38 @@
     {
       "dataType": "image",
       "description": "",
-      "name": "images"
+      "name": "images1"
+    },{
+      "dataType": "image",
+      "description": "",
+      "name": "images2"
     }
   ],
   "modelName": "Images Example",
   "viewModel": [
     {
-      "title": "Images:",
-      "source": "images",
-      "type": "image"
-    }]
+      "type": "row",
+      "items": [
+        {
+          "type": "col",
+          "items": [
+            {
+              "preLabel": "Always visible metadata:",
+              "source": "images1",
+              "type": "image",
+              "displayOptions": {
+                "metadataAlwaysVisible": true
+              }
+            },
+            {
+              "preLabel": "Default metadata behaviour:",
+              "source": "images2",
+              "type": "image"
+            }
+          ]
+        }
+      ]
+    }
+
+   ]
 }

grails-app/conf/example_models/images.json

@@ -80,7 +80,7 @@
         var output = {};
         <g:if test="${data}">
         var outputData = JSON.parse('${data.encodeAsJavaScript()}');
-        outputt.data = outputData;
+        output.data = outputData;
         </g:if>
 
         var context = {
@@ -92,7 +92,24 @@
                 {
                     documentId:'d1',
                     url:fcConfig.imagePreviewUrl+'/Landscape_1.jpg',
-                    thumbnailUrl:fcConfig.imagePreviewUrl+'/Landscape_1.jpg'
+                    thumbnailUrl:fcConfig.imagePreviewUrl+'/Landscape_1.jpg',
+                    "name": "Test image 1",
+                    "attribution": "Test attribution 1",
+                    "notes": "test notes 1",
+                    filename:"Landscape_1.jpg",
+                    filesize:1000
+
+                },
+                {
+                    documentId:'d2',
+                    url:fcConfig.imagePreviewUrl+'/Landscape_2.jpg',
+                    thumbnailUrl:fcConfig.imagePreviewUrl+'/Landscape_2.jpg',
+                    "name": "Test image 2",
+                    "attribution": "Test attribution 2",
+                    "notes": "Test notes 2",
+                    filename:"Landscape_2.jpg",
+                    filesize:1000
+
                 }
             ]
         };

grails-app/views/preview/index.gsp

@@ -0,0 +1,30 @@
+package au.org.ala.ecodata.forms
+
+import geb.spock.GebReportingSpec
+import pages.PreviewPage
+
+class ImageTypeSpec extends GebReportingSpec {
+
+    def "The default behaviour of the view mode of the image view type is to show metadata on hover"() {
+        when:
+        to ([name:'images', mode:'view'], PreviewPage)
+
+        then:
+        title == "Preview Images Example"
+
+        when: "We hover over the photo"
+        interact {
+            moveToElement($('[data-bind*=images2]'))
+        }
+
+        then: "A popover is displayed containing the photo metadata"
+        waitFor {
+            $('.popover').displayed
+        }
+        and: "the photo metadata is displayed correctly"
+        $(".popover span[data-bind*=name]").text() == "Test image 2"
+        $(".popover span[data-bind*=attribution]").text() == "Test attribution 2"
+        $(".popover span[data-bind*=notes]").text() == "Test notes 2"
+
+    }
+}