Add tests

Author: Amir Tocker

package.json

@@ -28,7 +28,11 @@
     "babel-preset-es2015": "^6.14.0",
     "babel-preset-react": "^6.11.1",
     "babel-preset-stage-1": "^6.13.0",
+    "chai": "^3.5.0",
+    "enzyme": "^2.4.1",
+    "mocha": "^3.0.2",
     "react": "^15.3.1",
+    "react-addons-test-utils": "^15.3.1",
     "react-dom": "^15.3.1",
     "webpack": "^1.13.2"
   },

test/.setup.js

@@ -0,0 +1,20 @@
+require('babel-register')();
+
+var jsdom = require('jsdom').jsdom;
+
+var exposedProperties = ['window', 'navigator', 'document'];
+
+global.document = jsdom('');
+global.window = document.defaultView;
+Object.keys(document.defaultView).forEach((property) => {
+  if (typeof global[property] === 'undefined') {
+    exposedProperties.push(property);
+    global[property] = document.defaultView[property];
+  }
+});
+
+global.navigator = {
+  userAgent: 'node.js'
+};
+
+documentRef = document;

test/ImageTest.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { expect } from 'chai';
+import { shallow, mount, render } from 'enzyme';
+import Image from '../src/components/Image';
+
+describe('Image', () => {
+  beforeEach(() => {
+  });
+  it("should create an img tag", function() {
+    let tag = shallow(<Image publicId="sample" cloudName="demo"/>);
+    expect(tag.type()).to.equal("img");
+    expect(tag.state("url")).to.equal("http://res.cloudinary.com/demo/image/upload/sample");
+  });
+  it("should allow transformation params as attributes", function() {
+    let width = 300;
+    let tag = shallow(<Image publicId="sample" cloudName="demo" width={width} crop="scale"/>);
+    expect(tag.type()).to.equal("img");
+    expect(tag.state("url")).to.equal("http://res.cloudinary.com/demo/image/upload/c_scale,w_300/sample");
+  });
+});

test/TransformationTest.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { expect } from 'chai';
+import { shallow, mount, render } from 'enzyme';
+import Image from '../src/components/Image';
+import Transformation from '../src/components/Transformation';
+
+
+describe('Transformation', () => {
+  beforeEach(() => {
+  });
+  it("should create an img tag", function() {
+    let tag = shallow(
+      <Image publicId="sample" cloudName="demo" >
+        <Transformation width="100" crop="scale" angle="10"/>
+      </Image>
+    );
+    expect(tag.name()).to.equal("img");
+    expect(tag.state("url")).to.equal("http://res.cloudinary.com/demo/image/upload/a_10,c_scale,w_100/sample");
+  });
+  it("should allow chained transformations", function() {
+    let tag = shallow(
+      <Image publicId="sample" cloudName="demo" >
+        <Transformation width="100" crop="scale"/>
+        <Transformation width="200" crop="crop"/>
+      </Image>
+    );
+    expect(tag.type()).to.equal("img");
+    expect(tag.state("url")).to.equal("http://res.cloudinary.com/demo/image/upload/c_scale,w_100/c_crop,w_200/sample");
+  });
+});