office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
40 lines (38 loc) • 2.1 kB
JavaScript
define(["require", "exports", 'react', 'react-dom', 'react-addons-test-utils', './Image', './Image.Props'], function (require, exports, React, ReactDOM, ReactTestUtils, Image_1, Image_Props_1) {
"use strict";
var expect = chai.expect;
describe('Image', function () {
it('renders an image', function (done) {
ReactTestUtils.renderIntoDocument(React.createElement(Image_1.Image, {src: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7', onLoad: function () {
done();
}}));
});
it('can cover a portrait (tall) frame with a square image', function (done) {
var root = document.createElement('div');
document.body.appendChild(root);
ReactDOM.render(React.createElement(Image_1.Image, {src: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7', width: 1, height: 3, imageFit: Image_Props_1.ImageFit.cover, className: 'is-portraitFrame'}), root);
var image = document.querySelector('.ms-Image.is-portraitFrame .ms-Image-image');
try {
expect(image.className).to.contain('ms-Image-image--landscape');
}
catch (e) {
done(e);
}
done();
});
it('can cover a landscape (wide) frame with a square image', function (done) {
var root = document.createElement('div');
document.body.appendChild(root);
ReactDOM.render(React.createElement(Image_1.Image, {src: 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7', width: 3, height: 1, imageFit: Image_Props_1.ImageFit.cover, className: 'is-landscapeFrame'}), root);
var image = document.querySelector('.ms-Image.is-landscapeFrame .ms-Image-image');
try {
expect(image.className).to.contain('ms-Image-image--portrait');
}
catch (e) {
done(e);
}
done();
});
});
});
//# sourceMappingURL=Image.test.js.map