/* -*- mode: js2; js2-basic-offset: 4; indent-tabs-mode: nil -*- */

const Clutter = imports.gi.Clutter;
const St = imports.gi.St;

const UI = imports.testcommon.ui;

UI.init();
let stage = Clutter.Stage.get_default();

let b = new St.BoxLayout({ vertical: true,
                           width: stage.width,
                           height: stage.height });
stage.add_actor(b);

function addTest(label, icon_props) {
    if (b.get_children().length > 0)
        b.add (new St.BoxLayout({ style: 'background: #cccccc; border: 10px transparent white; height: 1px; ' }));

    let hb = new St.BoxLayout({ vertical: false });

    hb.add(new St.Label({ text: label }));
    hb.add(new St.Icon(icon_props));

    b.add(hb);
}

addTest("Symbolic",
        { icon_name: 'zoom-in',
          icon_type: St.IconType.SYMBOLIC,
          icon_size: 48 });
addTest("Full color",
        { icon_name: 'zoom-in',
          icon_type: St.IconType.FULLCOLOR,
          icon_size: 48 });
addTest("Default size",
        { icon_name: 'zoom-in',
          icon_type: St.IconType.SYMBOLIC });
addTest("Size set by property",
        { icon_name: 'zoom-in',
          icon_type: St.IconType.SYMBOLIC,
          icon_size: 32 });
addTest("Size set by style",
        { icon_name: 'zoom-in',
          icon_type: St.IconType.SYMBOLIC,
          style: 'icon-size: 1em;' });
addTest("16px icon in 48px icon widget",
        { icon_name: 'zoom-in',
          icon_type: St.IconType.SYMBOLIC,
          style: 'icon-size: 16px; width: 48px; height: 48px;' });

stage.show();
Clutter.main();