@sun-asterisk/sungen 1.0.20 → 1.0.22

package/src/core/live-scanner/element-finder.ts

@@ -50,17 +50,19 @@ export async function findElement(
   try {
     playwrightName = await result.locator.evaluate((el) => {
       // computedRole/computedLabel not available in all browsers, fallback to aria
-      return (el as any).computedName
+      const raw = (el as any).computedName
         || el.getAttribute('aria-label')
         || el.textContent?.trim()?.substring(0, 100)
         || '';
+      return raw.replace(/[\n\r\t]/g, ' ').replace(/\s+/g, ' ').trim();
     });
     // Better approach: use Playwright's accessibility snapshot
     const ariaSnapshot = await result.locator.ariaSnapshot();
     // Parse accessible name from snapshot (format: "- role \"name\"" or "- role \"name\": ...")
-    const nameMatch = ariaSnapshot?.match(/"([^"]+)"/);
+    // Regex handles escaped quotes (\") inside the name string
+    const nameMatch = ariaSnapshot?.match(/"((?:[^"\\]|\\.)*)"/);
     if (nameMatch) {
-      playwrightName = nameMatch[1];
+      playwrightName = unescapeAriaSnapshot(nameMatch[1]);
     }
   } catch {
     playwrightName = attrs.accessibleName || gherkinRef;
@@ -103,7 +105,7 @@ async function cascadingSearch(
     // ② getByRole — exact role match
     const roles = getRoleFallbacks(gherkinType);
     if (roles.length > 0) {
-      const exactResult = await tryRole(page, roles[0], namePattern, nth);
+      const exactResult = await tryRole(page, roles[0], gherkinRef, namePattern, nth);
       if (exactResult) {
         return {
           ...exactResult,
@@ -114,7 +116,7 @@ async function cascadingSearch(
 
       // ③ getByRole — fallback roles
       for (let i = 1; i < roles.length; i++) {
-        const fallbackResult = await tryRole(page, roles[i], namePattern, nth);
+        const fallbackResult = await tryRole(page, roles[i], gherkinRef, namePattern, nth);
         if (fallbackResult) {
           return {
             ...fallbackResult,
@@ -126,16 +128,16 @@ async function cascadingSearch(
     }
 
     // ④ getByLabel — for form elements
-    const labelResult = await tryLabel(page, namePattern, nth);
+    const labelResult = await tryLabel(page, gherkinRef, namePattern, nth);
     if (labelResult) return labelResult;
 
     // ⑤ getByPlaceholder — for input fields
-    const placeholderResult = await tryPlaceholder(page, namePattern, nth);
+    const placeholderResult = await tryPlaceholder(page, gherkinRef, namePattern, nth);
     if (placeholderResult) return placeholderResult;
   }
 
   // ⑥ getByText — final fallback
-  const textResult = await tryText(page, namePattern, nth);
+  const textResult = await tryText(page, gherkinRef, namePattern, nth);
   if (textResult) return textResult;
 
   return null;
@@ -171,13 +173,36 @@ async function tryTestId(page: Page, ref: string, nth: number): Promise<FindResu
   return null;
 }
 
-// ② ③ getByRole
+// ② ③ getByRole — exact string first, then regex fallback
 async function tryRole(
   page: Page,
   role: string,
+  gherkinRef: string,
   namePattern: RegExp,
   nth: number
 ): Promise<FindResult | null> {
+  // Step 1: Exact string match (prevents short refs matching longer names)
+  try {
+    const exactLocator = page.getByRole(role as any, { name: gherkinRef, exact: true });
+    const exactCount = await exactLocator.count();
+    if (exactCount > 0) {
+      const target = nth > 0 ? exactLocator.nth(nth) : exactLocator.first();
+      if (await target.isVisible({ timeout: 3000 })) {
+        return {
+          locator: target,
+          selectorType: 'role',
+          selectorValue: role,
+          role: role,
+          matchMethod: 'exact_role',
+          warning: null,
+        };
+      }
+    }
+  } catch {
+    // Exact match not found, continue to regex
+  }
+
+  // Step 2: Regex fallback (substring match)
   try {
     const locator = page.getByRole(role as any, { name: namePattern });
     const count = await locator.count();
@@ -204,8 +229,30 @@ async function tryRole(
   return null;
 }
 
-// ④ getByLabel
-async function tryLabel(page: Page, namePattern: RegExp, nth: number): Promise<FindResult | null> {
+// ④ getByLabel — exact string first, then regex fallback
+async function tryLabel(page: Page, gherkinRef: string, namePattern: RegExp, nth: number): Promise<FindResult | null> {
+  // Step 1: Exact string match
+  try {
+    const exactLocator = page.getByLabel(gherkinRef, { exact: true });
+    const exactCount = await exactLocator.count();
+    if (exactCount > 0) {
+      const target = nth > 0 ? exactLocator.nth(nth) : exactLocator.first();
+      if (await target.isVisible({ timeout: 3000 })) {
+        return {
+          locator: target,
+          selectorType: 'label',
+          selectorValue: '',  // Will be filled from attrs
+          role: '',
+          matchMethod: 'label',
+          warning: null,
+        };
+      }
+    }
+  } catch {
+    // Exact match not found, continue to regex
+  }
+
+  // Step 2: Regex fallback
   try {
     const locator = page.getByLabel(namePattern);
     const count = await locator.count();
@@ -228,19 +275,42 @@ async function tryLabel(page: Page, namePattern: RegExp, nth: number): Promise<F
   return null;
 }
 
-// ⑤ getByPlaceholder
-async function tryPlaceholder(page: Page, namePattern: RegExp, nth: number): Promise<FindResult | null> {
+// ⑤ getByPlaceholder — exact string first, then regex fallback
+async function tryPlaceholder(page: Page, gherkinRef: string, namePattern: RegExp, nth: number): Promise<FindResult | null> {
+  // Step 1: Exact string match
+  try {
+    const exactLocator = page.getByPlaceholder(gherkinRef, { exact: true });
+    const exactCount = await exactLocator.count();
+    if (exactCount > 0) {
+      const target = nth > 0 ? exactLocator.nth(nth) : exactLocator.first();
+      if (await target.isVisible({ timeout: 3000 })) {
+        const rawPlaceholder = await target.getAttribute('placeholder');
+        return {
+          locator: target,
+          selectorType: 'placeholder',
+          selectorValue: sanitizeText(rawPlaceholder || ''),
+          role: '',
+          matchMethod: 'placeholder',
+          warning: null,
+        };
+      }
+    }
+  } catch {
+    // Exact match not found, continue to regex
+  }
+
+  // Step 2: Regex fallback
   try {
     const locator = page.getByPlaceholder(namePattern);
     const count = await locator.count();
     if (count > 0) {
       const target = nth > 0 ? locator.nth(nth) : locator.first();
       if (await target.isVisible({ timeout: 3000 })) {
-        const placeholder = await target.getAttribute('placeholder');
+        const rawPlaceholder = await target.getAttribute('placeholder');
         return {
           locator: target,
           selectorType: 'placeholder',
-          selectorValue: placeholder || '',
+          selectorValue: sanitizeText(rawPlaceholder || ''),
           role: '',
           matchMethod: 'placeholder',
           warning: null,
@@ -253,8 +323,30 @@ async function tryPlaceholder(page: Page, namePattern: RegExp, nth: number): Pro
   return null;
 }
 
-// ⑥ getByText
-async function tryText(page: Page, namePattern: RegExp, nth: number): Promise<FindResult | null> {
+// ⑥ getByText — exact string first, then regex fallback
+async function tryText(page: Page, gherkinRef: string, namePattern: RegExp, nth: number): Promise<FindResult | null> {
+  // Step 1: Exact string match
+  try {
+    const exactLocator = page.getByText(gherkinRef, { exact: true });
+    const exactCount = await exactLocator.count();
+    if (exactCount > 0) {
+      const target = nth > 0 ? exactLocator.nth(nth) : exactLocator.first();
+      if (await target.isVisible({ timeout: 3000 })) {
+        return {
+          locator: target,
+          selectorType: 'text',
+          selectorValue: '',  // Will be filled from attrs
+          role: '',
+          matchMethod: 'text_only',
+          warning: null,
+        };
+      }
+    }
+  } catch {
+    // Exact match not found, continue to regex
+  }
+
+  // Step 2: Regex fallback
   try {
     const locator = page.getByText(namePattern);
     const count = await locator.count();
@@ -286,21 +378,25 @@ async function extractElementAttributes(locator: Locator): Promise<{
 }> {
   try {
     return await locator.evaluate((el) => {
+      // Inline sanitizer — browser context can't access Node functions
+      const clean = (s: string | null | undefined): string =>
+        (s || '').replace(/[\n\r\t]/g, ' ').replace(/\s+/g, ' ').trim();
+
       // Find associated label
       let label: string | null = null;
       if (el.id) {
         const labelEl = el.ownerDocument.querySelector(`label[for="${el.id}"]`);
-        if (labelEl) label = labelEl.textContent?.trim() || null;
+        if (labelEl) label = clean(labelEl.textContent) || null;
       }
       if (!label && el.closest('label')) {
-        label = el.closest('label')?.textContent?.trim() || null;
+        label = clean(el.closest('label')?.textContent) || null;
       }
 
       return {
         testid: el.getAttribute('data-testid'),
         tag: el.tagName.toLowerCase(),
-        accessibleName: el.getAttribute('aria-label') || el.textContent?.trim()?.substring(0, 100) || '',
-        placeholder: el.getAttribute('placeholder'),
+        accessibleName: clean(el.getAttribute('aria-label') || el.textContent?.trim()?.substring(0, 100)),
+        placeholder: clean(el.getAttribute('placeholder')) || null,
         label,
       };
     });
@@ -328,6 +424,31 @@ function buildUnresolvedElement(gherkinRef: string, gherkinType: string): LiveEl
   };
 }
 
+/**
+ * Normalize a DOM text value for YAML output:
+ * collapse real newlines/tabs/carriage-returns into spaces, then deduplicate whitespace.
+ * Runs in both browser evaluate() and Node context.
+ */
+function sanitizeText(str: string): string {
+  return str.replace(/[\n\r\t]/g, ' ').replace(/\s+/g, ' ').trim();
+}
+
+/**
+ * Unescape a string extracted from Playwright's ariaSnapshot() output.
+ * ariaSnapshot encodes special chars as literal escape sequences:
+ *   \n → newline, \t → tab, \\ → backslash, \" → quote
+ * We unescape them then normalize whitespace.
+ */
+function unescapeAriaSnapshot(str: string): string {
+  return str
+    .replace(/\\n/g, ' ')
+    .replace(/\\t/g, ' ')
+    .replace(/\\"/g, '"')
+    .replace(/\\\\/g, '\\')
+    .replace(/\s+/g, ' ')
+    .trim();
+}
+
 function escapeRegex(str: string): string {
   return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 }

package/src/core/live-scanner/matrix-reader.ts

@@ -4,8 +4,7 @@
  * Merges elements across scenarios (first match wins).
  */
 
-import * as fs from 'fs';
-import * as yaml from 'yaml';
+import { readYamlIfExists } from '../../utils/yaml-io';
 import { LiveElement, LiveScanResult } from './types';
 
 /**
@@ -13,12 +12,7 @@ import { LiveElement, LiveScanResult } from './types';
  * Returns null if file doesn't exist.
  */
 export function readMatrix(filePath: string): LiveScanResult | null {
-  if (!fs.existsSync(filePath)) {
-    return null;
-  }
-
-  const content = fs.readFileSync(filePath, 'utf-8');
-  const parsed = yaml.parse(content);
+  const parsed = readYamlIfExists<any>(filePath);
 
   if (!parsed || !parsed.scenarios) {
     return null;

package/src/core/live-scanner/matrix-writer.ts

@@ -7,6 +7,16 @@ import * as fs from 'fs';
 import * as yaml from 'yaml';
 import { LiveScanResult } from './types';
 
+/**
+ * Sanitize a string value before YAML serialization:
+ * collapse newlines/tabs/carriage-returns into spaces to prevent
+ * broken escape sequences (e.g. \\n) in QUOTE_DOUBLE output.
+ */
+function sanitizeForYaml(value: string | null): string | null {
+  if (!value) return value;
+  return value.replace(/[\n\r\t]/g, ' ').replace(/\s+/g, ' ').trim() || null;
+}
+
 export function writeMatrix(result: LiveScanResult, outputPath: string): void {
   const output: any = {
     screen: result.screen,
@@ -31,13 +41,13 @@ export function writeMatrix(result: LiveScanResult, outputPath: string): void {
       scenarioData.elements[elementKey] = {
         gherkin_type: element.gherkinType,
         selector_type: element.selectorType,
-        selector_value: element.selectorValue,
+        selector_value: sanitizeForYaml(element.selectorValue),
         role: element.role,
-        name: element.name,
+        name: sanitizeForYaml(element.name),
         testid: element.testid,
         tag: element.tag,
-        placeholder: element.placeholder,
-        label: element.label,
+        placeholder: sanitizeForYaml(element.placeholder),
+        label: sanitizeForYaml(element.label),
         context: element.context,
         match_method: element.matchMethod,
         exact: element.exact,

package/src/core/live-scanner/step-replayer.ts

@@ -100,6 +100,12 @@ export async function replaySteps(
       const key = conflictKeys.has(baseKey) ? `${baseKey}--${normalizedType}` : baseKey;
       const nth = step.nth || 0;
 
+      // Skip column-type elements — they use header text matching, no DOM lookup needed
+      if (normalizedType === 'column') {
+        console.log(`      ⏭️  [${step.selectorRef}] column → skipped (table header match)`);
+        continue;
+      }
+
       // Skip if element already resolved in existing scan (non-force mode)
       if (existingElements && existingElements[key] && existingElements[key].matchMethod !== 'unresolved') {
         elements[key] = existingElements[key];
@@ -279,6 +285,7 @@ function normalizeElementType(elementType: string, action: string): string {
   if (t === 'label') return 'label';
   if (t === 'uploader') return 'uploader';
   if (t === 'element') return 'element';
+  if (t === 'column' || t === 'columnheader') return 'column';
   if (t === 'logo' || t === 'image' || t === 'img' || t === 'icon') return 'img';
   if (t === 'dialog' || t === 'modal') return 'dialog';
   if (t === 'heading' || t === 'header') return 'heading';

package/src/core/validator/selector-validator.ts

@@ -8,10 +8,11 @@ import * as path from 'path';
 import yaml from 'yaml';
 import { ValidationIssue } from './index';
 import { SelectorResolver } from '../../generators/test-generator/utils/selector-resolver';
+import { VALID_SELECTOR_TYPES, SelectorType } from '../../utils/selector-types';
 
 interface SelectorEntry {
   selector?: string;
-  type?: 'placeholder' | 'role' | 'testid' | 'label' | 'text' | 'page';
+  type?: SelectorType;
   value?: string;
   name?: string;
   nth?: number;
@@ -19,7 +20,7 @@ interface SelectorEntry {
 
 type SelectorFile = Record<string, SelectorEntry>;
 
-const VALID_TYPES = ['placeholder', 'role', 'testid', 'label', 'text', 'page'];
+const VALID_TYPES = VALID_SELECTOR_TYPES;
 
 export class SelectorValidator {
   private screenName: string;

package/src/generators/scaffold-generator/index.ts

@@ -8,10 +8,11 @@ import path from 'path';
 import yaml from 'yaml';
 import { glob } from 'glob';
 import { SelectorResolver } from '../test-generator/utils/selector-resolver';
+import { SelectorType } from '../../utils/selector-types';
 
 export interface ScaffoldElement {
   locator: string;
-  type: 'placeholder' | 'role' | 'text' | 'label' | 'page' | 'testid';
+  type: SelectorType;
   value: string;
   name?: string;       // For role type (accessible name), or label text
   nth: number;
@@ -176,6 +177,9 @@ export class ScaffoldGenerator {
     if (/^element\b/.test(lowerText) || /^\d*\s*element\b/.test(lowerText)) {
       return 'element';
     }
+    if (/^(column|columnheader)\b/.test(lowerText) || /^\d*\s*(column|columnheader)\b/.test(lowerText)) {
+      return 'column';
+    }
     if (/^(logo|image|img|icon)\b/.test(lowerText) || /^\d*\s*(logo|image|img|icon)\b/.test(lowerText)) {
       return 'img';
     }
@@ -395,9 +399,19 @@ export class ScaffoldGenerator {
         };
 
       case 'see':
+        // Column type: used for table column cell assertions, no DOM selector needed
+        if (targetType === 'column') {
+          return {
+            locator: '',
+            type: 'column',
+            value: element.rawText,
+            nth,
+          };
+        }
+
         // For assertions - respect targetType for role-based elements
         if (targetType === 'img' || targetType === 'button' || targetType === 'link' ||
-            targetType === 'checkbox' || targetType === 'radio' || targetType === 'heading' || targetType === 'dialog') {
+            targetType === 'checkbox' || targetType === 'radio' || targetType === 'heading' || targetType === 'dialog' || targetType === 'dropdown') {
           const seeRoleValue = this.getRoleValue(targetType);
           return {
             locator: '',
@@ -469,6 +483,8 @@ export class ScaffoldGenerator {
         return 'heading';
       case 'dialog':
         return 'dialog';
+      case 'dropdown':
+        return 'button';
       default:
         return 'button'; // Default to button
     }
@@ -643,6 +659,11 @@ export class ScaffoldGenerator {
       const enriched: ScaffoldResult = { ...scaffold };
 
       for (const [key, scaffoldElement] of Object.entries(enriched)) {
+        // Column-type elements use header text matching, skip live-scan enrichment
+        if (scaffoldElement.type === 'column') continue;
+        // Target elements (empty value) are matched by data value at runtime, skip enrichment
+        if (!scaffoldElement.value && !scaffoldElement.name) continue;
+
         // Try exact key first, then base key without --N suffix or --type suffix
         let liveElement = elements[key];
         if (!liveElement && key.includes('--')) {

package/src/generators/test-generator/adapters/playwright/templates/steps/actions/click-select-action.hbs

@@ -0,0 +1,2 @@
+await {{> locator}}.click();
+await page.getByText('{{selectValue}}', { exact: true }).first().click();

package/src/generators/test-generator/adapters/playwright/templates/steps/actions/wait-for-role-with-data.hbs

@@ -0,0 +1 @@
+await page.getByRole('{{role}}').filter({ hasText: '{{escapeQuotes dataValue}}' }).waitFor({ state: '{{state}}' });

package/src/generators/test-generator/adapters/playwright/templates/steps/actions/wait-for-role.hbs

@@ -0,0 +1 @@
+await page.getByRole('{{role}}').waitFor({ state: '{{state}}' });

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/checked-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator}}).toBeChecked();
+await page.waitForLoadState('networkidle');
+await expect({{> locator}}).toBeChecked();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/column-cell-assertion.hbs

@@ -0,0 +1,3 @@
+await page.waitForLoadState('networkidle');
+const {{columnIndexVar}} = (await page.getByRole('columnheader').allTextContents()).findIndex(h => h.includes('{{columnName}}'));
+await expect(page.getByRole('row').nth({{rowNth}}).getByRole('cell').nth({{columnIndexVar}})).toHaveText('{{dataValue}}');

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/contain-text-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator}}).toContainText('{{expectedText}}');
+await page.waitForLoadState('networkidle');
+await expect({{> locator}}).toContainText('{{expectedText}}');

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/count-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator}}).toHaveCount({{expectedCount}});
+await page.waitForLoadState('networkidle');
+await expect({{> locator}}).toHaveCount({{expectedCount}});

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/disabled-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator}}).toBeDisabled();
+await page.waitForLoadState('networkidle');
+await expect({{> locator}}).toBeDisabled();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/disabled-with-filter-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator-base}}.filter({ hasText: '{{escapeQuotes dataValue}}' }){{> locator-nth}}).toBeDisabled();
+await page.waitForLoadState('networkidle');
+await expect({{> locator-base}}.filter({ hasText: /^{{escapeRegex dataValue}}$/ }){{> locator-nth}}).toBeDisabled();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/disabled-with-role-variable-assertion.hbs

@@ -1,5 +1,6 @@
+await page.waitForLoadState('networkidle');
 {{#if name}}
-await expect(page.getByRole('{{role}}', { name: '{{escapeQuotes name}}'{{#if exact}}, exact: true{{/if}} }).filter({ hasText: '{{escapeQuotes dataValue}}' }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeDisabled();
+await expect(page.getByRole('{{role}}', { name: '{{escapeQuotes name}}'{{#if exact}}, exact: true{{/if}} }).filter({ hasText: /^{{escapeRegex dataValue}}$/ }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeDisabled();
 {{else}}
-await expect(page.getByRole('{{role}}'{{#if exact}}, { exact: true }{{/if}}).filter({ hasText: '{{escapeQuotes dataValue}}' }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeDisabled();
-{{/if}}
+await expect(page.getByRole('{{role}}'{{#if exact}}, { exact: true }{{/if}}).filter({ hasText: /^{{escapeRegex dataValue}}$/ }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeDisabled();
+{{/if}}

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/disabled-with-variable-assertion.hbs

@@ -1 +1,2 @@
-await expect(page.getByText('{{escapeQuotes selectorRef}}').filter({ hasText: {{#if (eq selectorValue "")}}/.*{{escapeRegex dataValue}}$/{{else}}'{{escapeQuotes dataValue}}'{{/if}} }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeDisabled();
+await page.waitForLoadState('networkidle');
+await expect(page.getByText('{{escapeQuotes selectorRef}}').filter({ hasText: {{#if (eq selectorValue "")}}/.*{{escapeRegex dataValue}}$/{{else}}'{{escapeQuotes dataValue}}'{{/if}} }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeDisabled();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/empty-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator}}).toBeEmpty();
+await page.waitForLoadState('networkidle');
+await expect({{> locator}}).toBeEmpty();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/enabled-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator}}).toBeEnabled();
+await page.waitForLoadState('networkidle');
+await expect({{> locator}}).toBeEnabled();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/focused-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator}}).toBeFocused();
+await page.waitForLoadState('networkidle');
+await expect({{> locator}}).toBeFocused();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/have-text-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator}}).toHaveText('{{expectedText}}');
+await page.waitForLoadState('networkidle');
+await expect({{> locator}}).toHaveText('{{expectedText}}');

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/hidden-dialog-heading-assertion.hbs

@@ -0,0 +1,2 @@
+await page.waitForLoadState('networkidle');
+await expect(page.getByRole('dialog').getByRole('heading', { name: '{{escapeQuotes dataValue}}' })).toBeHidden();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/hidden-with-filter-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator-base}}.filter({ hasText: '{{escapeQuotes dataValue}}' }){{> locator-nth}}).toBeHidden();
+await page.waitForLoadState('networkidle');
+await expect({{> locator-base}}.filter({ hasText: /^{{escapeRegex dataValue}}$/ }){{> locator-nth}}).toBeHidden();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/hidden-with-role-variable-assertion.hbs

@@ -1,5 +1,6 @@
+await page.waitForLoadState('networkidle');
 {{#if name}}
-await expect(page.getByRole('{{role}}', { name: '{{escapeQuotes name}}'{{#if exact}}, exact: true{{/if}} }).filter({ hasText: '{{escapeQuotes dataValue}}' }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeHidden();
+await expect(page.getByRole('{{role}}', { name: '{{escapeQuotes name}}'{{#if exact}}, exact: true{{/if}} }).filter({ hasText: /^{{escapeRegex dataValue}}$/ }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeHidden();
 {{else}}
-await expect(page.getByRole('{{role}}'{{#if exact}}, { exact: true }{{/if}}).filter({ hasText: '{{escapeQuotes dataValue}}' }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeHidden();
-{{/if}}
+await expect(page.getByRole('{{role}}'{{#if exact}}, { exact: true }{{/if}}).filter({ hasText: /^{{escapeRegex dataValue}}$/ }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeHidden();
+{{/if}}

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/hidden-with-variable-assertion.hbs

@@ -1 +1,2 @@
-await expect(page.getByText('{{escapeQuotes selectorRef}}').filter({ hasText: {{#if (eq selectorValue "")}}/.*{{escapeRegex dataValue}}$/{{else}}'{{escapeQuotes dataValue}}'{{/if}} }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeHidden();
+await page.waitForLoadState('networkidle');
+await expect(page.getByText('{{escapeQuotes selectorRef}}').filter({ hasText: {{#if (eq selectorValue "")}}/.*{{escapeRegex dataValue}}$/{{else}}'{{escapeQuotes dataValue}}'{{/if}} }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeHidden();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/is-hidden-assertion.hbs

@@ -1 +1,2 @@
+await page.waitForLoadState('networkidle');
 await expect({{> locator}}).toBeHidden();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/list-item-count-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator}}.getByRole('listitem')).toHaveCount({{expectedCount}});
+await page.waitForLoadState('networkidle');
+await expect({{> locator}}.getByRole('listitem')).toHaveCount({{expectedCount}});

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/not-checked-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator}}).toBeChecked({ checked: false });
+await page.waitForLoadState('networkidle');
+await expect({{> locator}}).toBeChecked({ checked: false });

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/page-assertion.hbs

@@ -1 +1,2 @@
+await page.waitForLoadState('networkidle');
 await expect(page).toHaveURL(/{{pathRegex}}/);

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/visible-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator}}).toBeVisible();
+await page.waitForLoadState('networkidle');
+await expect({{> locator}}).toBeVisible();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/visible-dialog-heading-assertion.hbs

@@ -0,0 +1,2 @@
+await page.waitForLoadState('networkidle');
+await expect(page.getByRole('dialog').getByRole('heading', { name: '{{escapeQuotes dataValue}}' })).toBeVisible();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/visible-with-locator-variable-assertion.hbs

@@ -1 +1,2 @@
-await expect({{> locator-base}}.filter({ hasText: '{{escapeQuotes dataValue}}' }){{> locator-nth}}).toBeVisible();
+await page.waitForLoadState('networkidle');
+await expect({{> locator-base}}.filter({ hasText: /^{{escapeRegex dataValue}}$/ }){{> locator-nth}}).toBeVisible();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/visible-with-role-variable-assertion.hbs

@@ -1,9 +1,10 @@
+await page.waitForLoadState('networkidle');
 {{#if name}}
 {{#if dataValue}}
-await expect(page.getByRole('{{role}}', { name: '{{escapeQuotes name}}'{{#if exact}}, exact: true{{/if}} }).filter({ hasText: '{{escapeQuotes dataValue}}' }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeVisible();
+await expect(page.getByRole('{{role}}', { name: '{{escapeQuotes name}}'{{#if exact}}, exact: true{{/if}} }).filter({ hasText: /^{{escapeRegex dataValue}}$/ }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeVisible();
 {{else}}
 await expect(page.getByRole('{{role}}', { name: '{{escapeQuotes name}}'{{#if exact}}, exact: true{{/if}} }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeVisible();
 {{/if}}
 {{else}}
-await expect(page.getByRole('{{role}}'{{#if exact}}, { exact: true }{{/if}}).filter({ hasText: '{{escapeQuotes dataValue}}' }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeVisible();
-{{/if}}
+await expect(page.getByRole('{{role}}'{{#if exact}}, { exact: true }{{/if}}).filter({ hasText: /^{{escapeRegex dataValue}}$/ }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeVisible();
+{{/if}}

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/visible-with-value-assertion.hbs

@@ -1 +1,2 @@
-await expect(page.getByText('{{escapeQuotes value}}').filter({ hasText: '{{escapeQuotes dataValue}}' })).toBeVisible();
+await page.waitForLoadState('networkidle');
+await expect(page.getByText('{{escapeQuotes value}}').filter({ hasText: /^{{escapeRegex dataValue}}$/ })).toBeVisible();

package/src/generators/test-generator/adapters/playwright/templates/steps/assertions/visible-with-variable-assertion.hbs

@@ -1 +1,2 @@
+await page.waitForLoadState('networkidle');
 await expect(page.getByText('{{escapeQuotes selectorValue}}').filter({ hasText: /.*{{escapeRegex dataValue}}$/ }){{#if (gt nth 0)}}.nth({{subtract nth 1}}){{/if}}).toBeVisible();

package/src/generators/test-generator/adapters/playwright/templates/steps/navigation/navigation.hbs

@@ -1 +1 @@
-await page.goto('{{#if baseURL}}{{baseURL}}{{/if}}{{path}}');
+await page.goto('{{#if baseURL}}{{baseURL}}{{/if}}{{path}}', { waitUntil: 'networkidle' });

package/src/generators/test-generator/adapters/playwright/templates/steps/navigation/wait-for-element-with-text.hbs

@@ -1 +1 @@
-await {{> locator-base}}.filter({ hasText: '{{escapeQuotes dataValue}}' }){{> locator-nth}}.waitFor({ state: '{{state}}' });
+await {{> locator-base}}.filter({ hasText: /^{{escapeRegex dataValue}}$/ }){{> locator-nth}}.waitFor({ state: '{{state}}' });