Added tests for dist client js

bem · Jul 15, 2015 · 35ec5ca · 35ec5ca
1 parent 96f2c12
commit 35ec5ca
Show file tree

Hide file tree

Showing 6 changed files with 130 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -27,3 +27,4 @@ libs
 /*.tests
 /*.sets
 /*.tmpl-specs
+/test/dist/fixtures
diff --git a/.travis.yml b/.travis.yml
@@ -21,6 +21,7 @@ env:
     - TEST_SCOPE: specs
     - TEST_SCOPE: tmpls
     - TEST_SCOPE: gemini
+    - TEST_SCOPE: dists
 
 matrix:
   fast_finish: true

diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
   "devDependencies": {
     "bem": "~0.9.0",
     "bem-tools-autoprefixer": "~0.0.3",
+    "bem-walk": "1.0.0-alpha1",
     "bh": "3.3.0",
     "bower-npm-install": "~0.5.4",
     "bower": "1.3.12",
@@ -62,13 +63,16 @@
     "build-specs": "npm run deps",
     "build-tmpls": "npm run deps",
     "build-gemini": "npm run deps && magic make desktop.tests",
+    "build-dists": "npm run dist && node test/dist/build-fixtures.js",
     "test": "npm run build && npm run ${TEST_SCOPE:-test-all}",
-    "test-all": "npm run lint && npm run unit && npm run test-tmpls && npm run gemini",
+    "test-all": "npm run lint && npm run unit && npm run test-tmpls && npm run gemini && npm run test-dists",
     "test-specs": "magic run specs",
     "test-tmpls": "magic run tmpl-specs",
+    "test-dists": "node_modules/enb-bem-specs/node_modules/.bin/mocha-phantomjs test/dist/fixtures/*.html",
     "lint": "jshint-groups && jscs . && csscomb -vl .",
     "specs": "npm run lint && npm run test-specs",
     "tmpls": "npm run test-tmpls",
+    "dists": "npm run test-dists",
     "unit": "npm run test-specs",
     "gemini": "http-server -s -p 8000 & p=$!; gemini test --reporter html --reporter flat; e=$?; kill -9 ${p}; exit ${e}",
     "gemini-gather": "http-server -c \"no-cache, no-store\" -s -p 8000 & p=$!; gemini gather; kill -9 ${p}",

diff --git a/test/dist/assets/test.html b/test/dist/assets/test.html
@@ -0,0 +1,46 @@
+<html>
+    <head>
+        <meta charset="utf-8">
+        <link href="mocha.css" rel="stylesheet" />
+        <link href="../../../dist/${ platform }/bem-components.css" rel="stylesheet" />
+    </head>
+    <body>
+        <div id="mocha"></div>
+        <script src="../../../dist/${ platform }/bem-components.js+bemhtml.js"></script>
+        <script src="mocha.js"></script>
+        <script src="sinon.js"></script>
+        <script src="chai.js"></script>
+        <script src="sinon-chai.js"></script>
+        <script>
+            (function() {
+                modules.define('spec', ['mocha', 'chai', 'sinon', 'sinon-chai'],
+                    function(provide, mocha, chai, sinon, sinonChai) {
+                        mocha.ui('bdd');
+
+                        chai.use(sinonChai);
+                        chai.should();
+
+                        provide();
+                    });
+            }());
+        </script>
+${ scripts }
+        <script>
+            (function() {
+                var global = this;
+
+                modules.require(["jquery", "mocha", "spec"], function($, mocha) {
+                    if (global.mochaPhantomJS) {
+                        global.mochaPhantomJS.run(done)
+                    } else {
+                        mocha.run(done);
+                    }
+
+                    function done() {
+                         $("#mocha").show();
+                    }
+                });
+            }());
+        </script>
+    </body>
+</html>
diff --git a/test/dist/build-fixtures.js b/test/dist/build-fixtures.js
@@ -0,0 +1,59 @@
+var fs = require('fs'),
+    path = require('path'),
+    walk = require('bem-walk'),
+    borschik = require('borschik').api,
+    sets = require('./config').sets,
+    platforms = Object.keys(sets),
+    fixturesDir = path.join(__dirname, 'fixtures'),
+    blocksDir = path.resolve('libs/bem-pr/spec.blocks'),
+    asset = fs.readFileSync(path.join(__dirname, 'assets', 'test.html'), 'utf-8');
+
+if(!fs.existsSync(fixturesDir)) {
+    fs.mkdirSync(fixturesDir);
+}
+
+[
+    'mocha.css',
+    'mocha.js',
+    'chai.js',
+    'sinon.js',
+    'sinon-chai.js'
+].map(function (basename) {
+    var name = basename.split('.')[0];
+
+    borschik({
+        input : path.join(blocksDir, name, basename),
+        output : path.join(fixturesDir, basename)
+    });
+});
+
+platforms.forEach(function (platform) {
+    var levels = sets[platform],
+        config = {
+            levels : levels.map(function (levelname) {
+                return { path : levelname };
+            })
+        },
+        walker = walk(levels, config),
+        specs = [];
+
+    walker.on('data', function (data) {
+        if(data.tech === 'spec.js') {
+            specs.push(data.path);
+        }
+    });
+
+    walker.on('end', function () {
+        html = buildHTML(platform, specs);
+
+        fs.writeFileSync(path.join(fixturesDir, platform + '.html'), html, 'utf-8');
+    });
+});
+
+function buildHTML(platform, specs) {
+    return asset
+        .replace(/\${ platform }/g, platform)
+        .replace(/\${ scripts }/g, specs.map(function (url) {
+            return '        <script src="../../../' + url + '"></script>';
+        }).join('\n'));
+}
diff --git a/test/dist/config.js b/test/dist/config.js
@@ -0,0 +1,18 @@
+module.exports = {
+    sets : {
+        desktop : [
+            'common.blocks',
+            'desktop.blocks'
+        ],
+        'touch-pad' : [
+            'common.blocks',
+            'touch.blocks',
+            'touch-pad.blocks'
+        ],
+        'touch-phone' : [
+            'common.blocks',
+            'touch.blocks',
+            'touch-phone.blocks'
+        ]
+    }
+};