Add SPA session validation and buglist, update migration docs

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

node_modules/playwright/lib/matchers/expect.js

@@ -43,7 +43,7 @@ const printReceivedStringContainExpectedResult = (received, result) => result ==
   result[0].length
 );
 function createMatchers(actual, info, prefix) {
-  return new Proxy((0, import_expectBundle.expect)(actual), new ExpectMetaInfoProxyHandler(info, prefix));
+  return new Proxy((0, import_expectBundle.expect)(actual), new ExpectMetaInfoProxyHandler(actual, info, prefix));
 }
 const userMatchersSymbol = Symbol("userMatchers");
 function qualifiedMatcherName(qualifier, matcherName) {
@@ -185,11 +185,14 @@ const customMatchers = {
   toMatchSnapshot: import_toMatchSnapshot.toMatchSnapshot
 };
 class ExpectMetaInfoProxyHandler {
-  constructor(info, prefix) {
+  constructor(actual, info, prefix) {
+    this._actual = actual;
     this._info = { ...info };
     this._prefix = prefix;
   }
   get(target, matcherName, receiver) {
+    if (matcherName === "toThrowError")
+      matcherName = "toThrow";
     let matcher = Reflect.get(target, matcherName, receiver);
     if (typeof matcherName !== "string")
       return matcher;
@@ -220,15 +223,17 @@ class ExpectMetaInfoProxyHandler {
       if (!testInfo)
         return matcher.call(target, ...args);
       const customMessage = this._info.message || "";
-      const argsSuffix = computeArgsSuffix(matcherName, args);
-      const defaultTitle = `${this._info.poll ? "poll " : ""}${this._info.isSoft ? "soft " : ""}${this._info.isNot ? "not " : ""}${matcherName}${argsSuffix}`;
-      const title = customMessage || `Expect ${(0, import_utils.escapeWithQuotes)(defaultTitle, '"')}`;
-      const apiName = `expect${this._info.poll ? ".poll " : ""}${this._info.isSoft ? ".soft " : ""}${this._info.isNot ? ".not" : ""}.${matcherName}${argsSuffix}`;
+      const suffixes = (0, import_matchers.computeMatcherTitleSuffix)(matcherName, this._actual, args);
+      const defaultTitle = `${this._info.poll ? "poll " : ""}${this._info.isSoft ? "soft " : ""}${this._info.isNot ? "not " : ""}${matcherName}${suffixes.short || ""}`;
+      const shortTitle = customMessage || `Expect ${(0, import_utils.escapeWithQuotes)(defaultTitle, '"')}`;
+      const longTitle = shortTitle + (suffixes.long || "");
+      const apiName = `expect${this._info.poll ? ".poll " : ""}${this._info.isSoft ? ".soft " : ""}${this._info.isNot ? ".not" : ""}.${matcherName}${suffixes.short || ""}`;
       const stackFrames = (0, import_util.filteredStackTrace)((0, import_utils.captureRawStack)());
       const stepInfo = {
         category: "expect",
         apiName,
-        title,
+        title: longTitle,
+        shortTitle,
         params: args[0] ? { expected: args[0] } : void 0,
         infectParentStepsWithError: this._info.isSoft
       };
@@ -299,12 +304,6 @@ async function pollMatcher(qualifiedMatcherName2, info, prefix, ...args) {
     throw new Error(message);
   }
 }
-function computeArgsSuffix(matcherName, args) {
-  let value = "";
-  if (matcherName === "toHaveScreenshot")
-    value = (0, import_toMatchSnapshot.toHaveScreenshotStepTitle)(...args);
-  return value ? `(${value})` : "";
-}
 const expect = createExpect({}, [], {}).extend(customMatchers);
 function mergeExpects(...expects) {
   let merged = expect;

node_modules/playwright/lib/matchers/matchers.js

@@ -18,6 +18,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var matchers_exports = {};
 __export(matchers_exports, {
+  computeMatcherTitleSuffix: () => computeMatcherTitleSuffix,
   toBeAttached: () => toBeAttached,
   toBeChecked: () => toBeChecked,
   toBeDisabled: () => toBeDisabled,
@@ -56,6 +57,7 @@ var import_toBeTruthy = require("./toBeTruthy");
 var import_toEqual = require("./toEqual");
 var import_toHaveURL = require("./toHaveURL");
 var import_toMatchText = require("./toMatchText");
+var import_toMatchSnapshot = require("./toMatchSnapshot");
 var import_config = require("../common/config");
 var import_globals = require("../common/globals");
 var import_testInfo = require("../worker/testInfo");
@@ -332,8 +334,22 @@ async function toPass(callback, options = {}) {
   }
   return { pass: !this.isNot, message: () => "" };
 }
+function computeMatcherTitleSuffix(matcherName, receiver, args) {
+  if (matcherName === "toHaveScreenshot") {
+    const title = (0, import_toMatchSnapshot.toHaveScreenshotStepTitle)(...args);
+    return { short: title ? `(${title})` : "" };
+  }
+  if (receiver && typeof receiver === "object" && receiver.constructor?.name === "Locator") {
+    try {
+      return { long: " " + (0, import_utils.asLocatorDescription)("javascript", receiver._selector) };
+    } catch {
+    }
+  }
+  return {};
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  computeMatcherTitleSuffix,
   toBeAttached,
   toBeChecked,
   toBeDisabled,