describe('viewMode (option)', () => {
it('should not have any restrictions by default', (done) => {
const image = window.createImage();
const cropper = new Cropper(image, {
ready() {
const canvasData = {
left: 100,
top: 100,
width: 160,
height: 90,
};
const changedCanvasData = cropper.setCanvasData(canvasData).getCanvasData();
expect(changedCanvasData.left).to.equal(canvasData.left);
expect(changedCanvasData.top).to.equal(canvasData.top);
expect(changedCanvasData.width).to.equal(canvasData.width);
expect(changedCanvasData.height).to.equal(canvasData.height);
done();
},
});
expect(cropper.options.viewMode).to.equal(0);
});
it('should restrict the crop box to not exceed the size of the canvas', (done) => {
const image = window.createImage();
const cropper = new Cropper(image, {
viewMode: 1,
ready() {
let canvasData = cropper.zoom(-0.5).getCanvasData();
let cropBoxData = cropper.getCropBoxData();
expect(canvasData.width).to.be.least(cropBoxData.width);
expect(canvasData.height).to.be.least(cropBoxData.height);
canvasData = cropper.clear().moveTo(-160, -90).getCanvasData();
cropBoxData = cropper.crop().setCropBoxData({
width: canvasData.naturalWidth,
height: canvasData.naturalHeight,
}).getCropBoxData();
expect(canvasData.width).to.be.above(cropBoxData.width);
expect(canvasData.height).to.be.above(cropBoxData.height);
done();
},
});
expect(cropper.options.viewMode).to.equal(1);
});
it('should restrict the minimum canvas size to fit within the container.', (done) => {
const image = window.createImage();
const cropper = new Cropper(image, {
viewMode: 2,
ready() {
const canvasData = cropper.zoom(-0.5).getCanvasData();
const containerData = cropper.getContainerData();
expect(canvasData.width >= containerData.width
|| canvasData.height >= containerData.height).to.be.true;
done();
},
});
expect(cropper.options.viewMode).to.equal(2);
});
it('should restrict the minimum canvas size to full fit the container.', (done) => {
const image = window.createImage();
const cropper = new Cropper(image, {
viewMode: 3,
ready() {
const canvasData = cropper.zoom(-0.5).getCanvasData();
const containerData = cropper.getContainerData();
expect(canvasData.left).to.be.most(0);
expect(canvasData.top).to.be.most(0);
expect(canvasData.width).to.be.least(containerData.width);
expect(canvasData.height).to.be.least(containerData.height);
done();
},
});
expect(cropper.options.viewMode).to.equal(3);
});
});
