isa/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tests: Refactor background-size test to support non-square containers

Browse Source 
https://bugzilla.gnome.org/show_bug.cgi?id=672321
This commit is contained in:
Jasper St. Pierre 2012-03-18 04:13:19 -04:00
parent 1c60aa58ae
commit 1983097d3a
1 changed files with 20 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
tests/interactive/background-size.js
View File

@ -8,12 +8,13 @@ const UI = imports.testcommon.ui;
UI.init(); UI.init();
let stage = Clutter.Stage.get_default(); let stage = Clutter.Stage.get_default();
stage.user_resizable = true;
stage.width = 1024; stage.width = 1024;
stage.height = 768; stage.height = 768;
let vbox = new St.BoxLayout({ width: stage.width, let vbox = new St.BoxLayout({ style: 'background: #ffee88;' });
height: stage.height, vbox.add_constraint(new Clutter.BindConstraint({ source: stage,
style: 'background: #ffee88;' }); coordinate: Clutter.BindCoordinate.SIZE }));
stage.add_actor(vbox); stage.add_actor(vbox);
let scroll = new St.ScrollView(); let scroll = new St.ScrollView();
@ -52,9 +53,10 @@ function addTestCase(image, size, backgroundSize, useCairo) {
}); });
tbox.add(obin); tbox.add(obin);
let [width, height] = size;
let bin = new St.Bin({ style_class: 'background-image-' + image, let bin = new St.Bin({ style_class: 'background-image-' + image,
width: size.width, width: width,
height: size.height, height: height,
style: 'border: 1px solid transparent;' style: 'border: 1px solid transparent;'
+ 'background-size: ' + backgroundSize + ';', + 'background-size: ' + backgroundSize + ';',
x_fill: true, x_fill: true,
@ -68,8 +70,11 @@ function addTestCase(image, size, backgroundSize, useCairo) {
})); }));
} }
function addTestLine(image, size, backgroundSizes, useCairo) { function addTestLine(image, size, useCairo) {
vbox.add(new St.Label({ text: image + '.svg / ' + size.width + '×' + size.height, const backgroundSizes = ["auto", "contain", "cover", "200px 200px", "100px 100px", "100px 200px"];
let [width, height] = size;
vbox.add(new St.Label({ text: image + '.svg / ' + width + '×' + height,
style: 'font-size: 15px;' style: 'font-size: 15px;'
+ 'text-align: center;' + 'text-align: center;'
})); }));
@ -77,37 +82,22 @@ function addTestLine(image, size, backgroundSizes, useCairo) {
tbox = new St.BoxLayout({ style: 'spacing: 20px;' }); tbox = new St.BoxLayout({ style: 'spacing: 20px;' });
vbox.add(tbox); vbox.add(tbox);
if (backgroundSizes.length == 2)
addTestCase(image, size, "auto");
for each (let s in backgroundSizes) for each (let s in backgroundSizes)
addTestCase(image, size, s, false); addTestCase(image, size, s, false);
for each (let s in backgroundSizes) for each (let s in backgroundSizes)
addTestCase(image, size, s, true); addTestCase(image, size, s, true);
} }
let size1 = { width: 200, height: 200 } function addTestImage(image) {
let size2 = { width: 250, height: 250 } const containerSizes = [[100, 100], [200, 200], [250, 250], [100, 250], [250, 100]];
let size3 = { width: 100, height: 100 }
// fixed size for each (let size in containerSizes)
addTestLine('200-200', size1, ["200px 200px", "100px 100px", "100px 200px"]); addTestLine(image, size);
}
// same size addTestImage ('200-200');
addTestLine('200-200', size1, ["contain", "cover"]); addTestImage ('200-100');
// smaller addTestImage ('100-200');
addTestLine('200-200', size2, ["contain", "cover"]);
// larger
addTestLine('200-200', size3, ["contain", "cover"]);
addTestLine('200-100', size1, ["contain", "cover"]);
addTestLine('200-100', size2, ["contain", "cover"]);
addTestLine('200-100', size3, ["contain", "cover"]);
addTestLine('100-200', size1, ["contain", "cover"]);
addTestLine('100-200', size2, ["contain", "cover"]);
addTestLine('100-200', size3, ["contain", "cover"]);
stage.show(); stage.show();
Clutter.main(); Clutter.main();