aboutsummaryrefslogtreecommitdiffstats
path: root/test_harnesses/automated.html
diff options
context:
space:
mode:
Diffstat (limited to 'test_harnesses/automated.html')
-rw-r--r--test_harnesses/automated.html312
1 files changed, 0 insertions, 312 deletions
diff --git a/test_harnesses/automated.html b/test_harnesses/automated.html
deleted file mode 100644
index 4c5f08ab..00000000
--- a/test_harnesses/automated.html
+++ /dev/null
@@ -1,312 +0,0 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
- "http://www.w3.org/TR/html4/strict.dtd">
-<html>
- <head>
- <style type="text/css">
- body {
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
- width: 800px;
- margin: 0px auto;
- }
- #output-div {
- white-space: pre-wrap;
- background-color: #eee;
- font-family: monospace;
- margin: 0 0 50px 0;
- border-style: dashed;
- border-width: 1px 1px 0 1px;
- border-color: #999;
- }
- .errorPosition {
- color: #f33;
- font-weight: bold;
- }
- .output-section {
- padding: 10px 15px 10px 15px;
- border-bottom: dashed 1px #999;
- }
- </style>
- <link rel="stylesheet" type="text/css" href="../vimium.css" />
- <script type="text/javascript" src="../lib/utils.js"></script>
- <script type="text/javascript" src="../lib/keyboard_utils.js"></script>
- <script type="text/javascript" src="../lib/dom_utils.js"></script>
- <script type="text/javascript" src="../content_scripts/link_hints.js"></script>
- <script type="text/javascript" src="../lib/clipboard.js"></script>
- <script type="text/javascript" src="../content_scripts/vimium_frontend.js"></script>
- <script type="text/javascript" src="../tests/shoulda.js/shoulda.js"></script>
- <script type="text/javascript">
- /*
- * Dispatching keyboard events via the DOM would require async tests,
- * which tend to be more complicated. Here we create mock events and
- * invoke the handlers directly.
- */
- function mockKeyboardEvent(keyChar) {
- var event = {};
- event.charCode = keyCodes[keyChar] !== undefined ? keyCodes[keyChar] : keyChar.charCodeAt(0);
- event.keyIdentifier = "U+00" + event.charCode.toString(16);
- event.keyCode = event.charCode;
- event.stopPropagation = function(){};
- event.preventDefault = function(){};
- return event;
- }
-
- /*
- * Generate tests that are common to both default and filtered
- * link hinting modes.
- */
- function createGeneralHintTests(isFilteredMode) {
- context("Link hints",
-
- setup(function() {
- var testContent =
- "<a>test</a>" +
- "<a>tress</a>";
- document.getElementById("test-div").innerHTML = testContent;
- LinkHints.markerMatcher = alphabetHints;
- }),
-
- tearDown(function() {
- document.getElementById("test-div").innerHTML = "";
- }),
-
- should("create hints when activated, discard them when deactivated", function() {
- LinkHints.activateMode();
- assert.isFalse(LinkHints.hintMarkerContainingDiv == null);
- LinkHints.deactivateMode();
- assert.isTrue(LinkHints.hintMarkerContainingDiv == null);
- }),
-
- should("position items correctly", function() {
- function assertStartPosition(element1, element2) {
- assert.equal(element1.getClientRects()[0].left, element2.getClientRects()[0].left);
- assert.equal(element1.getClientRects()[0].top, element2.getClientRects()[0].top);
- }
- stub(document.body, "style", "static");
- LinkHints.activateMode();
- assertStartPosition(document.getElementsByTagName("a")[0], LinkHints.hintMarkers[0]);
- assertStartPosition(document.getElementsByTagName("a")[1], LinkHints.hintMarkers[1]);
- LinkHints.deactivateMode();
-
- stub(document.body.style, "position", "relative");
- LinkHints.activateMode();
- assertStartPosition(document.getElementsByTagName("a")[0], LinkHints.hintMarkers[0]);
- assertStartPosition(document.getElementsByTagName("a")[1], LinkHints.hintMarkers[1]);
- LinkHints.deactivateMode();
- })
-
- );
- }
- createGeneralHintTests(false);
- createGeneralHintTests(true);
-
- context("Alphabetical link hints",
-
- setup(function() {
- stub(settings.values, "filterLinkHints", "false");
- stub(settings.values, "linkHintCharacters", "ab")
- LinkHints.markerMatcher = alphabetHints;
-
- // Three hints will trigger double hint chars.
- createLinks(3);
- LinkHints.activateMode();
- }),
-
- tearDown(function() {
- LinkHints.deactivateMode();
- document.getElementById("test-div").innerHTML = "";
- }),
-
- should("label the hints correctly", function() {
- // TODO(philc): This test verifies the current behavior, but the current behavior is incorrect.
- // The output here should be something like aa, ab, b.
- var expectedHints = ["aa", "ba", "ab"];
- console.log(LinkHints.hintMarkers);
- for (var i = 0; i < expectedHints.length; i++)
- assert.equal(expectedHints[i], LinkHints.hintMarkers[i].hintString);
- }),
-
- should("narrow the hints", function() {
- LinkHints.onKeyDownInMode(mockKeyboardEvent("A"));
- assert.equal("none", LinkHints.hintMarkers[1].style.display);
- assert.equal("", LinkHints.hintMarkers[0].style.display);
- })
-
- );
-
- context("Filtered link hints",
-
- setup(function() {
- stub(settings.values, "filterLinkHints", "true");
- LinkHints.markerMatcher = filterHints;
- }),
-
- context("Text hints",
-
- setup(function() {
- var testContent =
- "<a>test</a>" +
- "<a>tress</a>" +
- "<a>trait</a>" +
- "<a>track<img alt='alt text'/></a>";
- document.getElementById("test-div").innerHTML = testContent;
- LinkHints.activateMode();
- }),
-
- tearDown(function() {
- document.getElementById("test-div").innerHTML = "";
- LinkHints.deactivateMode();
- }),
-
- should("label the hints", function() {
- for (var i = 0; i < 4; i++)
- assert.equal((i + 1).toString(), LinkHints.hintMarkers[i].textContent.toLowerCase());
- }),
-
- should("narrow the hints", function() {
- LinkHints.onKeyDownInMode(mockKeyboardEvent("T"));
- LinkHints.onKeyDownInMode(mockKeyboardEvent("R"));
- assert.equal("none", LinkHints.hintMarkers[0].style.display);
- assert.equal("1", LinkHints.hintMarkers[1].hintString);
- assert.equal("", LinkHints.hintMarkers[1].style.display);
- LinkHints.onKeyDownInMode(mockKeyboardEvent("A"));
- assert.equal("2", LinkHints.hintMarkers[3].hintString);
- })
-
- ),
-
- context("Image hints",
-
- setup(function() {
- var testContent =
- "<a><img alt='alt text'/></a>" +
- "<a><img alt='alt text' title='some title'/></a>" +
- "<a><img title='some title'/></a>" +
- "<a><img src='' width='320px' height='100px'/></a>";
- document.getElementById("test-div").innerHTML = testContent;
- LinkHints.activateMode();
- }),
-
- tearDown(function() {
- document.getElementById("test-div").innerHTML = "";
- LinkHints.deactivateMode();
- }),
-
- should("label the images", function() {
- assert.equal("1: alt text", LinkHints.hintMarkers[0].textContent.toLowerCase());
- assert.equal("2: alt text", LinkHints.hintMarkers[1].textContent.toLowerCase());
- assert.equal("3: some title", LinkHints.hintMarkers[2].textContent.toLowerCase());
- assert.equal("4", LinkHints.hintMarkers[3].textContent.toLowerCase());
- })
-
- ),
-
- context("Input hints",
-
- setup(function() {
- var testContent =
- "<input type='text' value='some value'/>" +
- "<input type='password' value='some value'/>" +
- "<textarea>some text</textarea>" +
- "<label for='test-input'/>a label</label><input type='text' id='test-input' value='some value'/>" +
- "<label for='test-input-2'/>a label: </label><input type='text' id='test-input-2' value='some value'/>";
- document.getElementById("test-div").innerHTML = testContent;
- LinkHints.activateMode();
- }),
-
- tearDown(function() {
- document.getElementById("test-div").innerHTML = "";
- LinkHints.deactivateMode();
- }),
-
- should("label the input elements", function() {
- assert.equal("1", LinkHints.hintMarkers[0].textContent.toLowerCase());
- assert.equal("2", LinkHints.hintMarkers[1].textContent.toLowerCase());
- assert.equal("3", LinkHints.hintMarkers[2].textContent.toLowerCase());
- assert.equal("4: a label", LinkHints.hintMarkers[3].textContent.toLowerCase());
- assert.equal("5: a label", LinkHints.hintMarkers[4].textContent.toLowerCase());
- })
-
- ),
-
- context("Input focus",
-
- setup(function() {
- var testContent =
- "<input type='text' id='first'/>" +
- "<input style='display:none;' id='second'/>" +
- "<input type='password' id='third' value='some value'/>";
- document.getElementById("test-div").innerHTML = testContent;
- }),
-
- tearDown(function() {
- document.getElementById("test-div").innerHTML = "";
- }),
-
- should("focus the right element", function() {
- focusInput(1);
- assert.equal('first', document.activeElement.id);
- focusInput(100);
- assert.equal('third', document.activeElement.id);
- })
- )
-
- );
-
- context("Input focus",
-
- setup(function() {
- var testContent =
- "<input type='text' id='first'/>" +
- "<input style='display:none;' id='second'/>" +
- "<input type='password' id='third' value='some value'/>";
- document.getElementById("test-div").innerHTML = testContent;
- }),
-
- tearDown(function() {
- document.getElementById("test-div").innerHTML = "";
- }),
-
- should("focus the right element", function() {
- focusInput(1);
- assert.equal('first', document.activeElement.id);
- focusInput(100);
- assert.equal('third', document.activeElement.id);
- })
-
- );
-
- Tests.outputMethod = function(output) {
- var newOutput = Array.prototype.join.call(arguments, "\n");
- newOutput = newOutput.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"); // escape html
- // highlight the source of the error
- newOutput = newOutput.replace(/\/([^:/]+):([0-9]+):([0-9]+)/,
- "/<span class='errorPosition'>$1:$2</span>:$3");
- document.getElementById("output-div").innerHTML +=
- "<div class='output-section'>" + newOutput + "</div>";
- console.log.apply(console, arguments);
- }
-
- // ensure the extension has time to load before commencing the tests
- document.addEventListener("DOMContentLoaded", function() {
- setTimeout(Tests.run, 200);
- });
-
- function createLinks(n) {
- for (var i = 0; i < n; i++) {
- var link = document.createElement("a");
- link.textContent = "test";
- document.getElementById("test-div").appendChild(link);
- }
- }
- </script>
- </head>
- <body>
- <!-- should always be the first element on the page -->
- <div id="test-div"></div>
-
- <h1>Vimium Tests</h1>
-
- <div id="output-div"></div>
-
- </body>
-</html>
generated by cgit v1.2.3 (git 2.25.1) at 2025-10-31 05:30:33 +0000