Merge pull request #143 from outoftime/flex

Basic support for flexbox

Author: outoftime

npm-shrinkwrap.json

@@ -29,7 +29,7 @@
   "bugs": "https://trello.com/b/ONaFg6wh/popcode",
   "license": "MIT",
   "dependencies": {
-    "PrettyCSS": "^0.3.11",
+    "PrettyCSS": "popcodeorg/PrettyCSS#v0.3.10-popcode.1",
     "base64-js": "^1.0.2",
     "bowser": "^1.4.1",
     "brace": "^0.8.0",

package.json

@@ -0,0 +1,34 @@
+/* eslint-env mocha */
+
+import '../../helper';
+import {
+  assertPassesValidation,
+  assertFailsValidationWith,
+} from '../../assertions/validations';
+
+import css from '../../../src/validations/css';
+
+function assertPassesCssValidation(source) {
+  return assertPassesValidation(css, source);
+}
+
+function assertFailsCssValidationWith(source, ...errors) {
+  return assertFailsValidationWith(css, source, ...errors);
+}
+
+describe('css', () => {
+  it('allows valid flexbox', () =>
+    assertPassesCssValidation(`
+      .flex-container { display: flex; }
+      .flex-item { flex: 1 0 auto; }
+    `)
+  );
+
+  it('fails with bogus flex value', () =>
+    assertFailsCssValidationWith(
+      '.flex-item { flex: bogus; }',
+      'invalid-value'
+    )
+  );
+});
+