gnome-shell/tests/interactive/scrolling.js

// -*- mode: js; js-indent-level: 4; indent-tabs-mode: nil -*-

const UI = imports.testcommon.ui;

const { Clutter, Gtk, St } = imports.gi;

function test() {
    let stage = new Clutter.Stage();
    UI.init(stage);

    let vbox = new St.BoxLayout({ vertical: true,
                                  width: stage.width,
                                  height: stage.height,
                                  style: "padding: 10px;" });
    stage.add_actor(vbox);

    let toggle = new St.Button({ label: 'Horizontal Scrolling',
                                 toggle_mode: true });
    vbox.add(toggle);

    let v = new St.ScrollView();
    vbox.add(v, { expand: true });

    toggle.connect('notify::checked', () => {
        v.set_policy(toggle.checked ? Gtk.PolicyType.AUTOMATIC
                     : Gtk.PolicyType.NEVER,
                     Gtk.PolicyType.AUTOMATIC);
    });

    let b = new St.BoxLayout({ vertical: true,
                               style: "border: 2px solid #880000; border-radius: 10px; padding: 0px 5px;" });
    v.add_actor(b);

    let cc_a = "a".charCodeAt(0);
    let s = "";
    for (let i = 0; i < 26 * 3; i++) {
        s += String.fromCharCode(cc_a + i % 26);

        let t = new St.Label({ text: s,
                               reactive: true });
        let line = i + 1;
        t.connect('button-press-event',
                  function() {
                      log("Click on line " + line);
                  });
        b.add(t);
    }

    UI.main(stage);
}
test();