Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
// Test that accessing properties with getters displays the confirm dialog to invoke them,
// and then displays the autocomplete popup with the results.
const TEST_URI = `data:text/html;charset=utf-8,<!DOCTYPE html>
<head>
<script>
/* Create a prototype-less object so popup does not contain native
* Object prototype properties.
*/
var obj = props => Object.create(null, Object.getOwnPropertyDescriptors(props));
let sideEffect;
var foo = obj({
get bar() {
sideEffect = "bar";
return obj({
get baz() {
sideEffect = "baz";
return obj({
hello: 1,
world: "",
});
},
bloop: true,
})
},
get rab() {
sideEffect = "rab";
return "";
}
});
</script>
</head>
<body>Autocomplete popup - invoke getter usage test</body>`;
add_task(async function () {
const hud = await openNewTabAndConsole(TEST_URI);
const { jsterm } = hud;
const { autocompletePopup } = jsterm;
const toolbox = gDevTools.getToolboxForTab(gBrowser.selectedTab);
let tooltip = await setInputValueForGetterConfirmDialog(
toolbox,
hud,
"foo.bar."
);
let labelEl = tooltip.querySelector(".confirm-label");
is(
labelEl.textContent,
"Invoke getter foo.bar to retrieve the property list?",
"Dialog has expected text content"
);
info(
"Check that hitting Tab does invoke the getter and return its properties"
);
let onPopUpOpen = autocompletePopup.once("popup-opened");
EventUtils.synthesizeKey("KEY_Tab");
await onPopUpOpen;
ok(autocompletePopup.isOpen, "popup is open after Tab");
ok(
hasExactPopupLabels(autocompletePopup, ["baz", "bloop"]),
"popup has expected items"
);
checkInputValueAndCursorPosition(hud, "foo.bar.|");
is(isConfirmDialogOpened(toolbox), false, "confirm tooltip is now closed");
let onPopUpClose = autocompletePopup.once("popup-closed");
EventUtils.synthesizeKey("KEY_Tab");
await onPopUpClose;
checkInputValueAndCursorPosition(hud, "foo.bar.baz|");
info(
"Check that the invoke tooltip is displayed when performing an element access"
);
EventUtils.sendString("[");
await waitFor(() => isConfirmDialogOpened(toolbox));
tooltip = getConfirmDialog(toolbox);
labelEl = tooltip.querySelector(".confirm-label");
is(
labelEl.textContent,
"Invoke getter foo.bar.baz to retrieve the property list?",
"Dialog has expected text content"
);
info(
"Check that hitting Tab does invoke the getter and return its properties"
);
onPopUpOpen = autocompletePopup.once("popup-opened");
EventUtils.synthesizeKey("KEY_Tab");
await onPopUpOpen;
ok(autocompletePopup.isOpen, "popup is open after Tab");
ok(
hasExactPopupLabels(autocompletePopup, [`"hello"`, `"world"`]),
"popup has expected items"
);
checkInputValueAndCursorPosition(hud, "foo.bar.baz[|]");
is(isConfirmDialogOpened(toolbox), false, "confirm tooltip is now closed");
onPopUpClose = autocompletePopup.once("popup-closed");
EventUtils.synthesizeKey("KEY_Tab");
await onPopUpClose;
checkInputValueAndCursorPosition(hud, `foo.bar.baz["hello"]|`);
info("Check that autocompletion work on a getter result");
onPopUpOpen = autocompletePopup.once("popup-opened");
EventUtils.sendString(".");
await onPopUpOpen;
ok(autocompletePopup.isOpen, "got items of getter result");
ok(
hasPopupLabel(autocompletePopup, "toExponential"),
"popup has expected items"
);
tooltip = await setInputValueForGetterConfirmDialog(toolbox, hud, "foo.rab.");
labelEl = tooltip.querySelector(".confirm-label");
is(
labelEl.textContent,
"Invoke getter foo.rab to retrieve the property list?",
"Dialog has expected text content"
);
info(
"Check clicking the confirm button invokes the getter and return its properties"
);
onPopUpOpen = autocompletePopup.once("popup-opened");
tooltip.querySelector(".confirm-button").click();
await onPopUpOpen;
ok(
autocompletePopup.isOpen,
"popup is open after clicking on the confirm button"
);
ok(
hasPopupLabel(autocompletePopup, "startsWith"),
"popup has expected items"
);
checkInputValueAndCursorPosition(hud, "foo.rab.|");
is(isConfirmDialogOpened(toolbox), false, "confirm tooltip is now closed");
info("Close autocomplete popup");
await closeAutocompletePopup(hud);
});