mirror of
https://github.com/piskelapp/piskel.git
synced 2023-08-10 21:12:52 +03:00
66 lines
2.6 KiB
JavaScript
66 lines
2.6 KiB
JavaScript
![]() |
casper.test.begin('Test resize feature works', 16 , function(test) {
|
||
|
test.timeout = test.fail.bind(test, ['Test timed out']);
|
||
|
|
||
|
function onTestStart() {
|
||
|
test.assertExists('#drawing-canvas-container canvas', 'Piskel ready, test starting');
|
||
|
|
||
|
test.assert(!isDrawerExpanded(), 'settings drawer is closed');
|
||
|
test.assertDoesntExist('.settings-section-resize', 'Check if resize settings drawer is closed');
|
||
|
|
||
|
// Open resize panel.
|
||
|
this.click('[data-setting="resize"]');
|
||
|
this.waitForSelector('.settings-section-resize', onResizePanelReady, test.timeout, 10000);
|
||
|
}
|
||
|
|
||
|
function onResizePanelReady() {
|
||
|
test.assert(isDrawerExpanded(), 'settings drawer is expanded');
|
||
|
test.assertExists('.settings-section-resize', 'Check if resize panel is opened');
|
||
|
|
||
|
testResizePiskel();
|
||
|
}
|
||
|
|
||
|
function testResizePiskel() {
|
||
|
test.assertExists('[name="resize-width"]', 'Check if width input is available');
|
||
|
test.assertExists('[name="resize-height"]', 'Check if height input is available');
|
||
|
|
||
|
test.assertEquals(getValue('[name="resize-width"]'), "32", 'Resize width is 32px');
|
||
|
test.assertEquals(getValue('[name="resize-height"]'), "32", 'Resize height is 32px');
|
||
|
|
||
|
// Check that the resize ratio checkbox is available and checked.
|
||
|
test.assertExists('.resize-ratio-checkbox', 'Check if resize ratio checkbox is available');
|
||
|
test.assert(casper.evaluate(function () {
|
||
|
return document.querySelector('.resize-ratio-checkbox').checked;
|
||
|
}), 'Keep ratio checkbox is checked');
|
||
|
|
||
|
// Update width/height
|
||
|
casper.sendKeys('[name="resize-width"]', "0");
|
||
|
test.assertEquals(getValue('[name="resize-width"]'), "320", 'Resize width is 320px');
|
||
|
test.assertEquals(getValue('[name="resize-height"]'), "320", 'Resize height is 320px');
|
||
|
|
||
|
casper.click('.resize-button');
|
||
|
// Resizing the piskel should close the panel automatically
|
||
|
casper.waitForSelector('[data-pskl-controller="settings"]:not(.expanded)', onDrawerClosed, test.timeout, 10000);
|
||
|
}
|
||
|
|
||
|
function onDrawerClosed() {
|
||
|
test.assert(!isDrawerExpanded(), 'settings drawer is closed');
|
||
|
|
||
|
test.assertEquals(casper.evaluate(function () {
|
||
|
return pskl.app.piskelController.getPiskel().getWidth();
|
||
|
}), 320, 'Piskel width is now 320 pixels');
|
||
|
|
||
|
test.assertEquals(casper.evaluate(function () {
|
||
|
return pskl.app.piskelController.getPiskel().getHeight();
|
||
|
}), 320, 'Piskel height is now 320 pixels');
|
||
|
}
|
||
|
|
||
|
casper
|
||
|
.start(casper.cli.get('baseUrl')+"/?debug")
|
||
|
.then(function () {
|
||
|
this.echo("URL loaded");
|
||
|
this.waitForSelector('#drawing-canvas-container canvas', onTestStart, test.timeout, 10000);
|
||
|
})
|
||
|
.run(function () {
|
||
|
test.done();
|
||
|
});
|
||
|
});
|