b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
112 lines
3.9 KiB
JavaScript
Executable file
112 lines
3.9 KiB
JavaScript
Executable file
'use strict';
|
|
var assert = require('assert');
|
|
|
|
marionette('Homescreen - Layout', function() {
|
|
|
|
var client = marionette.client({
|
|
profile: require(__dirname + '/client_options.js')
|
|
});
|
|
var actions, home, system;
|
|
|
|
setup(function() {
|
|
actions = client.loader.getActions();
|
|
home = client.loader.getAppClass('homescreen');
|
|
system = client.loader.getAppClass('system');
|
|
system.waitForFullyLoaded();
|
|
home.waitForLaunch();
|
|
});
|
|
|
|
test('apps grid is LTR in LTR language', function() {
|
|
var icons = home.visibleIcons;
|
|
var app1Location = icons[0].location();
|
|
var app2Location = icons[1].location();
|
|
var app3Location = icons[2].location();
|
|
var gridWidth = home.container.size().width;
|
|
|
|
// check that they are all on the same line
|
|
assert.equal(app1Location.y, app2Location.y,
|
|
'1st and 2nd apps should be on the same line.');
|
|
assert.equal(app2Location.y, app3Location.y,
|
|
'2nd and 3rd apps should be on the same line.');
|
|
|
|
// check left-alignement
|
|
assert.ok(app1Location.x < gridWidth / 3, 'First app is left-aligned');
|
|
// check the ordering
|
|
assert.ok(app1Location.x < app2Location.x,
|
|
'App1 icon should be on the left of app2 icon');
|
|
assert.ok(app2Location.x < app3Location.x,
|
|
'App2 icon should be on the left of app3 icon');
|
|
});
|
|
|
|
test('apps grid is RTL in RTL language', function() {
|
|
client.switchToFrame();
|
|
client.settings.set('language.current', 'ar-x-psbidi');
|
|
client.switchToFrame(system.getHomescreenIframe());
|
|
|
|
// Localization can be async, wait for the content to update
|
|
var localizedPhoneName =
|
|
home.localizedAppName('communications', 'dialer', 'ar-x-psbidi');
|
|
client.waitFor(function() {
|
|
return !!home.getIconByName(localizedPhoneName);
|
|
});
|
|
|
|
// Relayout on localisation change is animated, so wait for it to finish
|
|
actions.wait(1).perform();
|
|
|
|
var icons = home.visibleIcons;
|
|
var app1Location = icons[0].location();
|
|
var app2Location = icons[1].location();
|
|
var app3Location = icons[2].location();
|
|
var gridWidth = home.container.size().width;
|
|
|
|
// check that they are all on the same line
|
|
assert.equal(app1Location.y, app2Location.y,
|
|
'1st and 2nd apps should be on the same line.');
|
|
assert.equal(app2Location.y, app3Location.y,
|
|
'2st and 3nd apps should be on the same line.');
|
|
|
|
// check right-alignement
|
|
assert.ok(app1Location.x > gridWidth / 2, 'First app is right-aligned');
|
|
// check the ordering
|
|
assert.ok(app1Location.x > app2Location.x,
|
|
'App1 icon should be on the right of app2 icon');
|
|
assert.ok(app2Location.x > app3Location.x,
|
|
'App2 icon should be on the right of app3 icon');
|
|
});
|
|
|
|
test('switching to 4-column layout works', function() {
|
|
// check that we're in 3-column layout
|
|
client.waitFor(function() {
|
|
var icons = home.visibleIcons;
|
|
var app1Location = icons[0].location();
|
|
var app2Location = icons[1].location();
|
|
var app3Location = icons[2].location();
|
|
var app4Location = icons[3].location();
|
|
|
|
return ((app1Location.y === app2Location.y) &&
|
|
(app2Location.y === app3Location.y) &&
|
|
(app4Location.y > app3Location.y));
|
|
});
|
|
|
|
// Switch the setting for 4-column layout
|
|
client.executeScript(function () {
|
|
navigator.getDataStores('homescreen_settings').then(
|
|
function(stores) {
|
|
stores[0].put(4, 'grid.cols');
|
|
});
|
|
});
|
|
|
|
// check that we're in 4-column layout
|
|
client.waitFor(function() {
|
|
var icons = home.visibleIcons;
|
|
var app1Location = icons[0].location();
|
|
var app2Location = icons[1].location();
|
|
var app3Location = icons[2].location();
|
|
var app4Location = icons[3].location();
|
|
|
|
return ((app1Location.y === app2Location.y) &&
|
|
(app2Location.y === app3Location.y) &&
|
|
(app3Location.y === app4Location.y));
|
|
});
|
|
});
|
|
});
|