typescript - Varför är mina testkörningsikoner på fel rad, bara i vissa filer?

Jag har ett mycket specifikt problem där ikonerna för att starta och stoppa tester flyttas beroende på när filen skapades:

I exemplet ovan kan du se att i example.spec.ts är ikonerna på rätt rader. I test.spec.ts däremot är ikonerna förskjutna en rad för varje // step:.

// steg: kommer från playwright-magic-steps, ett paket som låter mig skriva Playwrights teststeg på ett mindre rörigt sätt, vilket mitt team vill ha.

Det är uppenbart att problemet är relaterat till paketet, men jag kan inte lista ut vad som möjligtvis kan vara orsaken.

Scenario A

Klona mitt demo-repo för detta specifika problem:

git clone https://github.com/jondam93/playwright-magic-steps

npm install

I .vscode/settings.json, lägg till följande:

  "playwright.env": {
    "NODE_OPTIONS": "-r playwright-magic-steps"
  }

I example.spec.ts och varje annan .spec.ts-fil, se att ikonerna är på fel rader:

Scenario B

I en ren mapp, installera Playwright och playwright-magic-steps:

npm init playwright@latest

npm install -D playwright-magic-steps

I den skapade example.spec.ts, ändra kommentarerna till // step::

import { test, expect } from "@playwright/test";

test("has title", async ({ page }) => {
  await page.goto("https://playwright.dev/");

  // step: test1
  await expect(page).toHaveTitle(/Playwright/);
});

test("get started link", async ({ page }) => {
  await page.goto("https://playwright.dev/");

  // step: step 2
  await page.getByRole("link", { name: "Get started" }).click();

  // step: step 3
  await expect(
    page.getByRole("heading", { name: "Installation" })
  ).toBeVisible();
});

I .vscode/settings.json, lägg till följande:

  "playwright.env": {
    "NODE_OPTIONS": "-r playwright-magic-steps"
  }

I example.spec.ts, se att ikonerna är på rätt rader:

Skapa en ny fil test.spec.ts och kopiera koden från example.spec.ts. Ikonerna är nu på fel rader:

Svar #1

För mig löste det här problemet att uppdatera testlistan. Du kan antingen klicka på "Uppdatera tester" i Test Explorer-tillägget, eller använda dess snabbkommando Ctrl + : och sedan Ctrl + r.

Det löser både problemet med att pilarna är felplacerade och "Inga tester hittades" när du klickar på en grön pil.