cyclist 0.4.0 → 0.5.0

data/vendor/raster/test/lib/js/test-helper.js

@@ -1,131 +0,0 @@
-var defaultNumIndentGutters = 2;
-var defaultNumUnitGutters = 4;
-var defaultNumColumnUnits = 2;
-
-var testHelper = {
-  baselineIsCorrect: function(rootElement) {
-    // The heights and margins should be multiples of the leading
-
-    var leading = this.leading();
-    var nodeList = rootElement.querySelectorAll('*');
-
-    for (var i = nodeList.length - 1; i >= 0; --i) {
-      var element = nodeList[i];
-      var totalHeight = this.totalHeightForElement(element);
-      if (!element.id) {
-        // Only test items with an ID
-        continue;
-      }
-
-      totalHeight.should.be.above(0);
-      if (totalHeight < 1) {
-        return false;
-      }
-
-      var remainder = totalHeight % leading;
-      remainder.should.equal(0);
-      if (remainder !== 0) {
-        return false;
-      }
-    }
-
-    return true;
-  },
-
-  layoutIsCorrect: function(rootElement, layoutSizes) {
-    layoutSizes = layoutSizes || this.layoutSizes(this.gutterWidth(), defaultNumUnitGutters, defaultNumColumnUnits);
-    var nodeList = rootElement.querySelectorAll('.columns', '.gutters', '.units');
-    for (var i = nodeList.length - 1; i >= 0; --i) {
-      var element = nodeList[i];
-      var multiplier = parseInt(this.trimmedInnerText(element));
-      var testProperty = element.classList.contains('width') ? 'width' : 'marginLeft';
-      var style = window.getComputedStyle(element);
-      var valueStyle = style[testProperty];
-      var value = parseFloat(valueStyle, 10);
-
-      var base;
-      var gutterWidth = null;
-      if (element.classList.contains('columns')) {
-        // Test columns
-        gutterWidth = layoutSizes.gutterWidth;
-        base = layoutSizes.columnWidth;
-      } else if (element.classList.contains('units')) {
-        // Test units
-        gutterWidth = layoutSizes.gutterWidth;
-        base = layoutSizes.unitWidth;
-      } else {
-        // Test Gutters
-        base = layoutSizes.gutterWidth;
-      }
-
-      var result = this.widthPropertyMatches(base, multiplier, value, gutterWidth);
-      if (!window.mochaPhantomJS && testProperty == 'width') {
-        // Skip this test when running in `phantomjs` because `phantomjs` doesn't support flexbox
-        result.should.equal(true);
-      }
-    }
-  },
-
-  // Helpers
-
-  widthPropertyMatches: function(base, multiplier, value, gutterWidth) {
-    var testValue = base * multiplier;
-    if (!!gutterWidth) {
-      testValue += gutterWidth * (multiplier - 1);
-    }
-    return testValue == value;
-  },
-
-  layoutSizes: function(gutterWidth, numUnitGutters, numColumnUnits) {
-    var unitWidth = numUnitGutters * gutterWidth;
-    var columnWidth = numColumnUnits * (unitWidth + gutterWidth) - gutterWidth;
-    return {
-      gutterWidth: gutterWidth,
-      unitWidth: unitWidth,
-      columnWidth: columnWidth
-    };
-  },
-
-  trimmedInnerText: function(element) {
-    var text = element.innerText.trim();
-    var index = text.indexOf('\n');
-    if (index > 0) {
-      text = text.substring(0, index);
-    }
-    return text;
-  },
-
-  leading: function() {
-    var style = window.getComputedStyle(document.body);
-    return parseFloat(style.lineHeight, 10);
-  },
-
-  gutterWidth: function() {
-    return parseFloat(this.gutterWidthStyle(), 10);
-  },
-
-  gutterWidthStyle: function() {
-    var gutterElement = document.getElementsByClassName('indent-one-gutter')[0];
-    var style = window.getComputedStyle(gutterElement);
-    return style.marginLeft;
-  },
-
-  totalHeightForElement: function(element) {
-    var style = window.getComputedStyle(element);
-    var computedHeight = element.clientHeight;
-    computedHeight += parseFloat(style.marginTop, 10);
-    computedHeight += parseFloat(style.marginBottom, 10);
-    computedHeight += parseFloat(style.paddingTop, 10);
-    computedHeight += parseFloat(style.paddingBottom, 10);
-    computedHeight += parseFloat(style.borderTopWidth, 10);
-    computedHeight += parseFloat(style.borderBottomWidth, 10);
-    return computedHeight;
-  },
-
-  testElement: function() {
-    var testElements = document.getElementsByTagName('li');
-    var testElement = testElements[0];
-    testElement.should.be.an('object');
-    return testElement;
-  }
-};

data/vendor/raster/test/lib/tests/test-custom.js

@@ -1,20 +0,0 @@
-var units = document.title;
-describe('Raster ' + units, function() {
-  var defaultLineHeight = 20;
-  describe('A custom style', function() {
-    it('the baseline should be correct', function () {
-
-      // Confirm that the default styles have been overridden
-      var testElement = testHelper.testElement();
-      testElement.clientHeight.should.not.equal(defaultLineHeight);
-
-      // Baseline
-      var contentElement = document.getElementById('baseline');
-      testHelper.baselineIsCorrect(contentElement);
-
-      // Layout
-      var layoutElement = document.getElementById('layout');
-      testHelper.layoutIsCorrect(layoutElement);
-    });
-  });
-});

data/vendor/raster/test/lib/tests/test-default.js

@@ -1,34 +0,0 @@
-describe('Raster default', function() {
-  var defaultLeadingRems = 1.25;
-  describe('The default style', function() {
-    it('the baseline and layout should be correct', function () {
-      var baselineElement = document.getElementById('baseline');
-      var layoutElement = document.getElementById('layout');
-      var htmlElement = document.getElementsByTagName("html")[0];
-      var wholeNumberfontSizeStyles = ["8px", "12px", "16px", "20px"];
-      for (var i = 0; i < wholeNumberfontSizeStyles.length; i++) {
-        // Set the font size on the HTML Element
-        var fontSizeStyle = wholeNumberfontSizeStyles[i];
-        var fontSize = parseFloat(fontSizeStyle, 10);
-        htmlElement.style.fontSize = fontSizeStyle;
-
-        // Test that the font size has been set properly
-        htmlElement.style.fontSize.should.equal(fontSizeStyle);
-        var testElement = testHelper.testElement();
-        var testClientHeight = fontSize * defaultLeadingRems;
-        testElement.clientHeight.should.equal(testClientHeight);
-
-        // Run the baseline tests
-        testHelper.baselineIsCorrect(baselineElement);
-
-        // Test that the gutter width is equal to the font size
-        var gutterWidthStyle = testHelper.gutterWidthStyle();
-        gutterWidthStyle.should.equal(fontSizeStyle);
-
-        // Run the layout tests
-        testHelper.layoutIsCorrect(layoutElement);
-      }
-      Raster.redraw();
-    });
-  });
-});

data/vendor/raster/test/scripts/run_tests.js

@@ -1,20 +0,0 @@
-#!/usr/bin/env node
-
-var args = process.argv.slice(2);
-
-var path = require('path');
-var fs = require('fs');
-var glob = require('glob');
-
-var testsDirectoryPath = path.join(__dirname, '../build/html/');
-var testFilePaths = glob.sync(testsDirectoryPath + '/test-*.html');
-
-// var htmlFilePath = path.join(__dirname,'../build/html/test-basic.html');
-
-
-for (var i = 0; i < testFilePaths.length; i++) {
-  var testFilePath = testFilePaths[i];
-  var spawnArgs = [testFilePath].concat(args);
-  var spawn = require('child_process').spawnSync;
-  spawn('mocha-phantomjs', spawnArgs, { stdio: 'inherit' });
-}

data/vendor/raster/test/src/html/mocha.html

@@ -1,6 +0,0 @@
-
-	<div id="mocha"></div>
-	<script>
-	  if (window.mochaPhantomJS) { mochaPhantomJS.run(); }
-	  else { mocha.run(); }
-	</script>

data/vendor/raster/test/src/jade/includes/baseline.jade

@@ -1,12 +0,0 @@
-article#baseline
-  h1#h1 h1
-  h2#h2 h2
-  h3#h3 h3
-  h4#h4 h4
-  h5#h5 h5
-  h6#h6 h6
-  p#p Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-  ul#ul
-    li#li li
-  pre#code
-    code code

data/vendor/raster/test/src/jade/includes/content.jade

@@ -1,2 +0,0 @@
-include baseline
-include layout

data/vendor/raster/test/src/jade/includes/head.jade

@@ -1,11 +0,0 @@
-head
-  meta(charset="utf-8")
-  - var nodeModulesPath = '../../../node_modules/'
-  script(src=nodeModulesPath + 'mocha/mocha.js')
-  script(src=nodeModulesPath + 'chai/chai.js')
-  script.
-    mocha.ui('bdd');
-    mocha.reporter('html');
-    var should = chai.should();
-  script(src='../../lib/js/test-helper.js')
-  link(rel='stylesheet', href=nodeModulesPath + 'mocha/mocha.css')

data/vendor/raster/test/src/jade/includes/layout.jade

@@ -1,26 +0,0 @@
-article#layout.raster-show-guidelines
-  div.indent-one-gutter.indent.gutters 1
-  div.indent-one-unit.indent.units 1
-  div.indent-one-column.indent.columns 1
-  div.indent-two-gutter.indent.gutters 2
-  div.indent-two-unit.indent.units 2
-  div.indent-two-column.indent.columns 2
-  div.indent-three-gutter.indent.gutters 3
-  div.indent-three-unit.indent.units 3
-  article#layout-width
-    div.width-one-gutter.width.gutters 1
-    div.width-one-unit.width.units 1
-    div.width-one-column.width.columns 1
-    div.width-two-gutter.width.gutters 2
-    div.width-two-unit.width.units 2
-    div.width-two-column.width.columns 2
-    div.width-three-gutter.width.gutters 3
-    div.width-three-unit.width.units 3
-    //- Combinations
-    div.width-two-column.width.columns 2
-    div.width-one-column.width.columns 1
-    div.width-three-column.width.columns 3
-    div.width-one-unit.width.units 1
-    div.width-two-unit.width.units 2
-    div.width-one-column.width.columns 1
-    div.width-one-unit.width.units 1

data/vendor/raster/test/src/jade/includes/mocha.jade

@@ -1 +0,0 @@
-include ../../html/mocha.html

data/vendor/raster/test/src/jade/test-default.jade

@@ -1,10 +0,0 @@
-doctype html
-html(lang="en")
-  title= "Default"
-  include ./includes/head
-  script(src='../../lib/tests/test-default.js')
-  script(src='../../../dist/raster.js')
-  link(rel='stylesheet', href='../css/test-default.css')
-body.raster-show-baseline
-  include ./includes/content
-  include ./includes/mocha

data/vendor/raster/test/src/jade/test-em.jade

@@ -1,10 +0,0 @@
-doctype html
-html(lang="en")
-  title= "em"
-  include ./includes/head
-  script(src='../../lib/tests/test-custom.js')
-  script(src='../../../dist/raster.js')
-  link(rel='stylesheet', href='../css/test-em.css')
-body.raster-show-baseline
-  include ./includes/content
-  include ./includes/mocha

data/vendor/raster/test/src/jade/test-percent.jade

@@ -1,10 +0,0 @@
-doctype html
-html(lang="en")
-  title= "percent"
-  include ./includes/head
-  script(src='../../lib/tests/test-custom.js')
-  script(src='../../../dist/raster.js')
-  link(rel='stylesheet', href='../css/test-percent.css')
-body.raster-show-baseline
-  include ./includes/content
-  include ./includes/mocha

data/vendor/raster/test/src/jade/test-pixel.jade

@@ -1,10 +0,0 @@
-doctype html
-html(lang="en")
-  title= "pixel"
-  include ./includes/head
-  script(src='../../lib/tests/test-custom.js')
-  script(src='../../../dist/raster.js')
-  link(rel='stylesheet', href='../css/test-pixel.css')
-body.raster-show-baseline
-  include ./includes/content
-  include ./includes/mocha

data/vendor/raster/test/src/jade/test-rem.jade

@@ -1,10 +0,0 @@
-doctype html
-html(lang="en")
-  title= "rem"
-  include ./includes/head
-  script(src='../../lib/tests/test-custom.js')
-  script(src='../../../dist/raster.js')
-  link(rel='stylesheet', href='../css/test-rem.css')
-body.raster-show-baseline
-  include ./includes/content
-  include ./includes/mocha

data/vendor/raster/test/src/sass/_layout.scss

@@ -1,104 +0,0 @@
-article#layout {
-  margin: 0 auto;
-  width: columns-width(3);
-}
-
-// Indent
-
-.indent-one-gutter {
-  margin-left: $gutter-width;
-}
-
-.indent-one-unit {
-  margin-left: units-width(1);
-}
-
-.indent-one-column {
-  margin-left: columns-width(1);
-}
-
-.indent-two-gutter {
-  margin-left: $gutter-width * 2;
-}
-
-.indent-two-unit {
-  margin-left: units-width(2);
-}
-
-.indent-two-column {
-  margin-left: columns-width(2);
-}
-
-.indent-three-gutter {
-  margin-left: $gutter-width * 3;
-}
-
-.indent-three-unit {
-  margin-left: units-width(3);
-}
-
-.indent-three-column {
-  margin-left: columns-width(3);
-}
-
-// Width
-
-// TODO: Implement flexbox
-
-article#layout-width {
-  display: -webkit-flex;
-  display: flex;
-  flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  justify-content: space-between;
-  -webkit-justify-content: space-between;
-}
-
-article#layout-width > .gutters,
-article#layout-width > .units,
-article#layout-width > .columns {
-  background-color: rgb(252, 251, 1);
-}
-
-@mixin flex-width($width) {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex: 0 0 $width;
-  flex: 0 0 $width;
-}
-
-.width-one-gutter {
-  @include flex-width($gutter-width * 1);
-}
-
-.width-one-unit {
-  @include flex-width(units-width(1));
-}
-
-.width-one-column {
-  @include flex-width(columns-width(1));
-}
-
-.width-two-gutter {
-  @include flex-width($gutter-width * 2);
-}
-
-.width-two-unit {
-  @include flex-width(units-width(2));
-}
-
-.width-two-column {
-  @include flex-width(columns-width(2));
-}
-
-.width-three-gutter {
-  @include flex-width($gutter-width * 3);
-}
-
-.width-three-unit {
-  @include flex-width(units-width(3));
-}
-
-.width-three-column {
-  @include flex-width(columns-width(3));
-}

data/vendor/raster/test/src/sass/test-default.scss

@@ -1,2 +0,0 @@
-@import '../../../dist/raster';
-@import 'layout';

data/vendor/raster/test/src/sass/test-em.scss

@@ -1,5 +0,0 @@
-$font-size: 12px;
-$line-height: 1.5em;
-
-@import '../../../dist/raster';
-@import 'layout';

data/vendor/raster/test/src/sass/test-percent.scss

@@ -1,5 +0,0 @@
-$font-size: 13px;
-$line-height: 200%;
-
-@import '../../../dist/raster';
-@import 'layout';

data/vendor/raster/test/src/sass/test-pixel.scss

@@ -1,5 +0,0 @@
-$font-size: 14px;
-$line-height: 17px;
-
-@import '../../../dist/raster';
-@import 'layout';

data/vendor/raster/test/src/sass/test-rem.scss

@@ -1,5 +0,0 @@
-$font-size: 14px;
-$line-height: 1.5rem;
-
-@import '../../../dist/raster';
-@import 'layout';