Test layers browser with grunt jasmine (#329)

* Set up babel and spec file * Update travis config * Update register task for babel * Update travis.yml scripts * Update node version and scripts * Write basic tests * Set up grunt copy * Add json file to fixtures and add more tests
publiclab · Jan 6, 2020 · 71e434e · 71e434e
1 parent b579fe8
commit 71e434e
Show file tree

Hide file tree

Showing 8 changed files with 1,871 additions and 32 deletions.
diff --git a/.travis.yml b/.travis.yml
@@ -1,8 +1,10 @@
 language: node_js
 node_js:
-  - '5'
+  - '10'
 before_install:
   - npm install -g grunt-cli
 before_script:
   - grunt build
-script: grunt jasmine
+script: 
+  - grunt transpile
+  - grunt jasmine
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -15,12 +15,43 @@ module.exports = function(grunt) {
             dist: {
                 src: ['node_modules/jquery/dist/jquery.min.js', 'node_modules/leaflet/dist/leaflet.js', 'src/leafletEnvironmentalLayers.js', 'src/util/*.js'],
                 dest: 'dist/LeafletEnvironmentalLayers.js'
+            },
+            babel: {
+              files: {
+                "dist/util/layersBrowser.js": "dist/util/layersBrowser_babel.js"
+              }
             }
         },
 
+        copy: {
+          dist: {
+            files: [
+              {src: 'spec/javascripts/fixtures/layerData.json', dest: 'dist/layerData.json'},
+            ],
+          },
+        },
+
+        babel: {
+          options: {
+            sourceMap: true,
+            presets: ['@babel/preset-env'],
+            "plugins": [
+              "transform-object-rest-spread",
+              "transform-remove-strict-mode"
+            ]        
+          },
+          dist: {
+            files: {
+              "dist/util/layersBrowser_babel.js": "src/util/layersBrowser.js"
+            }
+          }
+        },
+
         jasmine: {
           src: ['dist/LeafletEnvironmentalLayers.js',
-                'src/util/embedControl.js'],
+                'src/util/embedControl.js',
+                'dist/util/layersBrowser.js'
+              ],
           options: {
             specs: "spec/javascripts/*spec.js",
             vendor: [
@@ -64,8 +95,11 @@ module.exports = function(grunt) {
     */
 
     /* Default (development): Watch files and build on change. */
+    grunt.loadNpmTasks('grunt-babel');
     grunt.loadNpmTasks("grunt-contrib-jasmine");
-    grunt.registerTask("default", ["watch", "jasmine"]);
+    grunt.loadNpmTasks('grunt-contrib-copy');
+    grunt.registerTask("default", ["watch", "babel", "jasmine"]);
+    grunt.registerTask('transpile', [ 'copy', 'babel', 'browserify:babel' ]);
     grunt.registerTask("test", ["jshint", "jasmine"]);
     grunt.registerTask('build', [
         'browserify:dist'

diff --git a/_SpecRunner.html b/_SpecRunner.html
@@ -36,6 +36,8 @@
 
   <script src="src/util/embedControl.js"></script>
 
+  <script src="dist/util/layersBrowser.js"></script>
+
   <script src="spec/javascripts/embedControl.spec.js"></script>
 
   <script src="spec/javascripts/indigenousLanguagesLayers_spec.js"></script>
@@ -44,6 +46,8 @@
 
   <script src="spec/javascripts/indigenousTreatiesLayers_spec.js"></script>
 
+  <script src="spec/javascripts/layersBrowser.spec.js"></script>
+
   <script src="spec/javascripts/mapknitterLayer_spec.js"></script>
 
   <script src="spec/javascripts/PLpeopleLayerTest_spec.js"></script>