blob: 7d45059fc740192973c2bdad3b6fb05be6c7b694 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
|
/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
// Tests that the input box expands as the user types long lines.
"use strict";
const TEST_URI = "http://example.com/browser/devtools/client/webconsole/" +
"test/test-console.html";
add_task(function* () {
yield loadTab(TEST_URI);
let hud = yield openConsole();
hud.jsterm.clearOutput();
let input = hud.jsterm.inputNode;
input.focus();
is(input.getAttribute("multiline"), "true", "multiline is enabled");
// Tests if the inputNode expands.
input.value = "hello\nworld\n";
let length = input.value.length;
input.selectionEnd = length;
input.selectionStart = length;
function getHeight() {
return input.clientHeight;
}
let initialHeight = getHeight();
// Performs an "d". This will trigger/test for the input event that should
// change the "row" attribute of the inputNode.
EventUtils.synthesizeKey("d", {});
let newHeight = getHeight();
ok(initialHeight < newHeight, "Height changed: " + newHeight);
// Add some more rows. Tests for the 8 row limit.
input.value = "row1\nrow2\nrow3\nrow4\nrow5\nrow6\nrow7\nrow8\nrow9\nrow10\n";
length = input.value.length;
input.selectionEnd = length;
input.selectionStart = length;
EventUtils.synthesizeKey("d", {});
let newerHeight = getHeight();
ok(newerHeight > newHeight, "height changed: " + newerHeight);
// Test if the inputNode shrinks again.
input.value = "";
EventUtils.synthesizeKey("d", {});
let height = getHeight();
info("height: " + height);
info("initialHeight: " + initialHeight);
let finalHeightDifference = Math.abs(initialHeight - height);
ok(finalHeightDifference <= 1, "height shrank to original size within 1px");
});
|
