generator-jhipster-playwright 1.1.0 → 1.2.0

package/README.md

@@ -9,7 +9,15 @@
 
 This is a JHipster blueprint. It overrides the `cypress` sub-generator and writes Playwright files instead of Cypress files for generated applications.
 
-Verified against freshly generated React, Angular, and Vue JHipster applications — all tests passing, no failures or flakiness.
+### Supported Matrix
+
+| Framework | JWT | Session | OAuth2 |
+|-----------|-----|---------|--------|
+| React     | Yes | Yes     | Yes    |
+| Angular   | Yes | Yes     | Yes    |
+| Vue       | Yes | Yes     | Yes    |
+
+All 9 combinations are verified in CI against freshly generated JHipster applications. OAuth2 tests run against a Keycloak instance.
 
 ## Installation
 
@@ -59,6 +67,7 @@ application {
   config {
     baseName myApp
     clientFramework react
+    authenticationType jwt
     testFrameworks [cypress]
   }
 }
@@ -86,6 +95,12 @@ npx playwright test
 
 The generated `playwright.config.ts` starts the frontend dev server automatically. The Spring Boot backend still needs to be running before the tests execute.
 
+For OAuth2 applications, a Keycloak instance must be running before the backend starts:
+
+```bash
+docker compose -f src/main/docker/keycloak.yml up -d
+```
+
 ### Generated Output
 
 The blueprint writes:
@@ -97,6 +112,8 @@ The blueprint writes:
 
 For Angular applications, the blueprint also adds `@popperjs/core` to the generated app dependencies so the generated frontend has the required Popper peer dependency available.
 
+For Angular session-auth applications, a custom `proxy.config.playwright.mjs` is generated to avoid proxying lazy-loaded route chunks.
+
 ## Local Development
 
 To work on the blueprint locally:

package/generators/cypress/templates/src/test/javascript/cypress/support/commands.ts.ejs

@@ -8,7 +8,7 @@
  *   - clientFrameworkAngular, clientFrameworkReact, clientFrameworkVue
  */
 import type { Page, APIRequestContext, APIResponse } from '@playwright/test';
-import { expect, request as pwRequest } from '@playwright/test';
+import { expect } from '@playwright/test';
 
 // ***********************************************
 // Begin Specific Selector Attributes
@@ -153,14 +153,30 @@ export async function login(page: Page, request: APIRequestContext, username: st
   await waitForAppShell(page);
 }
 <%_ } else if (authenticationTypeOauth2) { _%>
+// Session cookies captured after browser OAuth2 login for API requests.
+let _sessionCookie: string | undefined;
+let _xsrfToken: string | undefined;
+
 /**
  * Perform authenticated API request (OAuth2).
+ * Uses session cookies captured from the browser after login.
  */
 export async function authenticatedRequest(
   request: APIRequestContext,
   data: { method?: string; url: string; data?: unknown },
 ): Promise<APIResponse> {
-  return request.fetch(data.url, { method: data.method ?? 'GET', data: data.data });
+  const headers: Record<string, string> = { 'Content-Type': 'application/json' };
+  if (_sessionCookie) {
+    headers['Cookie'] = _sessionCookie;
+  }
+  if (_xsrfToken) {
+    headers['X-XSRF-TOKEN'] = _xsrfToken;
+  }
+  return request.fetch(data.url, {
+    method: data.method ?? 'GET',
+    data: data.data,
+    headers,
+  });
 }
 
 /**
@@ -188,6 +204,10 @@ export async function login(page: Page, request: APIRequestContext, username: st
   }
   await page.waitForURL('**/', { timeout: 15000 });
   await waitForAppShell(page);
+  // Capture session cookies so authenticatedRequest() can make API calls.
+  const cookies = await page.context().cookies();
+  _sessionCookie = cookies.map(c => `${c.name}=${c.value}`).join('; ');
+  _xsrfToken = cookies.find(c => c.name === 'XSRF-TOKEN')?.value;
 }
 <%_ } else { _%>
 /**

package/generators/cypress/templates/src/test/javascript/cypress/support/navbar.ts.ejs

@@ -19,9 +19,14 @@ import {
 
 async function clickDropdownItem(menu: Locator, item: string): Promise<void> {
   await expect(menu).toBeVisible();
-  await menu.click();
   const itemLocator = menu.locator(item);
-  await expect(itemLocator).toBeVisible();
+  // Retry open-then-check: the dropdown can close due to animation or re-render.
+  await expect(async () => {
+    if (!(await itemLocator.isVisible())) {
+      await menu.click();
+    }
+    await expect(itemLocator).toBeVisible();
+  }).toPass({ timeout: 10_000 });
   await itemLocator.click();
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "generator-jhipster-playwright",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "JHipster Playwright E2E blueprint - replaces Cypress with Playwright for end-to-end testing",
   "keywords": [
     "yeoman-generator",