Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: asan
- Manifest: devtools/client/debugger/test/mochitest/browser_kz.toml
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
// Testing various project search features
"use strict";
requestLongerTimeout(3);
add_task(async function testProjectSearchCloseOnNavigation() {
const dbg = await initDebugger(
"doc-script-switching.html",
"script-switching-01.js"
);
await selectSource(dbg, "script-switching-01.js");
await openProjectSearch(dbg);
ok(
!findElement(dbg, "projectSearchRefreshButton"),
"The refresh button is only visible after having done a search"
);
await doProjectSearch(dbg, "function", 2);
is(getExpandedResultsCount(dbg), 5);
is(dbg.selectors.getActiveSearch(), "project");
const refreshButton = findElement(dbg, "projectSearchRefreshButton");
ok(
refreshButton,
"Refresh button is visible right after search is completed"
);
ok(
!refreshButton.classList.contains("highlight"),
"Refresh button is *not* highlighted by default"
);
await navigate(dbg, "doc-scripts.html");
// Project search is still visible after navigation
is(dbg.selectors.getActiveSearch(), "project");
// With same search results
is(getExpandedResultsCount(dbg), 5);
ok(
refreshButton.classList.contains("highlight"),
"Refresh button is highlighted after navigation"
);
info("Try to open a discarded source");
await clickElement(dbg, "fileMatch");
info("Wait for the warning popup to be visible");
// We are waiting for the popup to be added...
await waitFor(() => dbg.win.document.querySelector(".unavailable-source"));
// ...and verify that the popup is made visible.
await waitFor(() => dbg.win.document.querySelector(".tooltip-shown"));
info("Retry to open the discard source, this should hide the popup");
await clickElement(dbg, "fileMatch");
info("Wait for the popup to be hidden");
// Note that .unavailable-source won't be removed from the DOM
await waitFor(() => !dbg.win.document.querySelector(".tooltip-visible"));
info("Refresh results against the new page");
refreshButton.click();
// Wait for the search to be updated against the new page
await waitForSearchResults(dbg, 5);
is(getExpandedResultsCount(dbg), 29);
ok(
!refreshButton.classList.contains("highlight"),
"Refresh button is no longer highlighted after refreshing the search"
);
});
add_task(async function testSimpleProjectSearch() {
// Start with side panel collapsed so we can assert that the project search keyboard
// shortcut will open it.
await pushPref("devtools.debugger.start-panel-collapsed", true);
const dbg = await initDebugger(
"doc-script-switching.html",
"script-switching-01.js"
);
await openProjectSearch(dbg);
ok(
!!findElementWithSelector(dbg, ".project-text-search"),
"Project search is visible"
);
const searchTerm = "first";
await doProjectSearch(dbg, searchTerm, 1);
const queryMatch = findElement(dbg, "fileMatch").querySelector(
".query-match"
);
is(
queryMatch.innerText,
searchTerm,
"The highlighted text matches the search term"
);
info("Select a result match to open the location in the source");
await clickElement(dbg, "fileMatch");
await waitForSelectedSource(dbg, "script-switching-01.js");
info("Close start sidebar");
const startPanelToggleButtonEl = findElementWithSelector(
dbg,
".toggle-button.start"
);
startPanelToggleButtonEl.click();
await waitFor(() => startPanelToggleButtonEl.classList.contains("collapsed"));
info("Try to open project search again");
await openProjectSearch(dbg);
ok(
!!findElementWithSelector(dbg, ".project-text-search"),
"Project search is visible"
);
});
add_task(async function testMatchesForRegexSearches() {
const dbg = await initDebugger("doc-react.html", "App.js");
await openProjectSearch(dbg);
type(dbg, "import .* from 'react'");
await clickElement(dbg, "projectSearchModifiersRegexMatch");
await waitForSearchResults(dbg, 2);
const queryMatch = findAllElements(dbg, "fileMatch")[1].querySelector(
".query-match"
);
is(
queryMatch.innerText,
"import React, { Component } from 'react'",
"The highlighted text matches the search term"
);
// Turn off the regex modifier so does not break tests below
await clickElement(dbg, "projectSearchModifiersRegexMatch");
});
// Test expanding search results to reveal the search matches.
add_task(async function testExpandSearchResultsToShowMatches() {
const dbg = await initDebugger("doc-react.html", "App.js");
await openProjectSearch(dbg);
await doProjectSearch(dbg, "we", 19);
is(getExpandedResultsCount(dbg), 159);
const collapsedNodes = findAllElements(dbg, "projectSearchCollapsed");
is(collapsedNodes.length, 1);
collapsedNodes[0].click();
is(getExpandedResultsCount(dbg), 367);
});
add_task(async function testSearchModifiers() {
const dbg = await initDebugger("doc-react.html", "App.js");
await openProjectSearch(dbg);
await assertProjectSearchModifier(
dbg,
"projectSearchModifiersCaseSensitive",
"FIELDS",
"case sensitive",
{ resultWithModifierOn: 0, resultWithModifierOff: 2 }
);
await assertProjectSearchModifier(
dbg,
"projectSearchModifiersRegexMatch",
`\\*`,
"regex match",
{ resultWithModifierOn: 12, resultWithModifierOff: 0 }
);
await assertProjectSearchModifier(
dbg,
"projectSearchModifiersWholeWordMatch",
"so",
"whole word match",
{ resultWithModifierOn: 6, resultWithModifierOff: 16 }
);
});
add_task(async function testSearchExcludePatterns() {
const dbg = await initDebugger("doc-react.html", "App.js");
info("Search across all files");
await openProjectSearch(dbg);
let fileResults = await doProjectSearch(dbg, "console", 5);
let resultsFromNodeModules = [...fileResults].filter(result =>
result.innerText.includes("node_modules")
);
is(
resultsFromNodeModules.length,
3,
"3 results were found from node_modules"
);
info("Excludes search results based on multiple search patterns");
await clickElement(dbg, "excludePatternsInput");
type(dbg, "App.js, main.js");
pressKey(dbg, "Enter");
fileResults = await waitForSearchResults(dbg, 3);
const resultsFromAppJS = [...fileResults].filter(result =>
result.innerText.includes("App.js")
);
is(resultsFromAppJS.length, 0, "None of the results is from the App.js file");
const resultsFromMainJS = [...fileResults].filter(result =>
result.innerText.includes("main.js")
);
is(
resultsFromMainJS.length,
0,
"None of the results is from the main.js file"
);
info("Excludes search results from node modules files");
await clearElement(dbg, "excludePatternsInput");
type(dbg, "**/node_modules/**");
pressKey(dbg, "Enter");
fileResults = await waitForSearchResults(dbg, 2);
resultsFromNodeModules = [...fileResults].filter(result =>
result.innerText.includes("node_modules")
);
is(
resultsFromNodeModules.length,
0,
"None of the results is from the node modules files"
);
info("Assert that the exclude pattern is persisted across reloads");
await reloadBrowser();
await openProjectSearch(dbg);
const excludePatternsInputElement = await waitForElement(
dbg,
"excludePatternsInput"
);
is(
excludePatternsInputElement.value,
"**/node_modules/**",
"The exclude pattern for node modules is persisted accross reloads"
);
// Clear the fields so that it does not impact on the subsequent tests
await clearElement(dbg, "projectSearchSearchInput");
await clearElement(dbg, "excludePatternsInput");
pressKey(dbg, "Enter");
});
async function assertProjectSearchModifier(
dbg,
searchModifierBtn,
searchTerm,
title,
expected
) {
info(`Assert ${title} search modifier`);
type(dbg, searchTerm);
info(`Turn on the ${title} search modifier option`);
await clickElement(dbg, searchModifierBtn);
let results = await waitForSearchResults(dbg, expected.resultWithModifierOn);
is(
results.length,
expected.resultWithModifierOn,
`${results.length} results where found`
);
info(`Turn off the ${title} search modifier`);
await clickElement(dbg, searchModifierBtn);
results = await waitForSearchResults(dbg, expected.resultWithModifierOff);
is(
results.length,
expected.resultWithModifierOff,
`${results.length} results where found`
);
await clearElement(dbg, "projectSearchSearchInput");
}