дзеркало
https://github.com/l0ng-ai/openidea.git
синхронізовано 2026-11-08 19:02:17 +02:00
Shohruh Ismoilovтаshohruh-genius
99100e48bd
`.http` and `.rest` files left gRPC, WebSocket and custom-method requests unhighlighted: the parser waited for one of nine HTTP verbs, so the headers and body after any other request line stayed plain, and JSON bodies had only partial token colours.
The parser now recognises these request lines and bare URL targets, and gives JSON keys, values and punctuation their editor roles, including `{{variables}}` inside strings.
Siblings covered: an upper-case word that is not a request line stays plain text, and JSON highlighting does not reach form, XML, text or GraphQL bodies. Run gutter positions are unchanged.
Co-authored-by: shohruh-genius <[email protected]>
49 рядки
2.5 KiB
TypeScript
49 рядки
2.5 KiB
TypeScript
import { expect, test } from "@playwright/test";
|
|
|
|
for (const theme of ["light", "dark"] as const) {
|
|
for (const extension of ["http", "rest"] as const) {
|
|
test(`highlights request lines and JSON bodies in ${extension} files (${theme})`, async ({ page }) => {
|
|
const errors: string[] = [];
|
|
page.on("pageerror", (error) => errors.push(error.message));
|
|
await page.goto(`/e2e/httpHighlight.html?theme=${theme}${extension === "rest" ? "&rest" : ""}`);
|
|
const token = (text: string) =>
|
|
page
|
|
.locator("#http .cm-line span")
|
|
.filter({ hasText: new RegExp(`^${text}$`) })
|
|
.first();
|
|
const keyword = theme === "light" ? "rgb(0, 51, 179)" : "rgb(207, 142, 109)";
|
|
const property = theme === "light" ? "rgb(135, 16, 148)" : "rgb(199, 125, 187)";
|
|
const string = theme === "light" ? "rgb(6, 125, 23)" : "rgb(106, 171, 115)";
|
|
for (const method of ["GRPC", "WEBSOCKET", "POST"]) await expect(token(method)).toHaveCSS("color", keyword);
|
|
await expect(token('"name"')).toHaveCSS("color", property);
|
|
await expect(token('"World"')).toHaveCSS("color", string);
|
|
await expect(token("12")).toHaveCSS("color", theme === "light" ? "rgb(23, 80, 235)" : "rgb(42, 172, 184)");
|
|
for (const literal of ["true", "false", "null"]) await expect(token(literal)).toHaveCSS("color", keyword);
|
|
await expect(token("Content-Type")).toHaveCSS("color", property);
|
|
for (const text of ['"name"', '"World"', "12", "true", "false", "null", "{", "[", ":", ","]) {
|
|
const color = async (editor: string) =>
|
|
page.locator(`${editor} .cm-line`).evaluateAll((lines, target) => {
|
|
for (const line of lines) {
|
|
if (!/^\s*["{[]/.test(line.textContent ?? "")) continue;
|
|
const index = line.textContent?.indexOf(target) ?? -1;
|
|
if (index < 0) continue;
|
|
const walker = document.createTreeWalker(line, NodeFilter.SHOW_TEXT);
|
|
let offset = 0;
|
|
while (walker.nextNode()) {
|
|
const node = walker.currentNode;
|
|
if (offset + (node.textContent?.length ?? 0) > index)
|
|
return getComputedStyle(node.parentElement!).color;
|
|
offset += node.textContent?.length ?? 0;
|
|
}
|
|
}
|
|
return null;
|
|
}, text);
|
|
const jsonColor = await color("#json");
|
|
expect(jsonColor, `JSON color for ${text}`).not.toBeNull();
|
|
expect(await color("#http"), `HTTP color for ${text}`).toBe(jsonColor);
|
|
}
|
|
expect(errors).toEqual([]);
|
|
});
|
|
}
|
|
}
|