skills.rest
afonsoft
afonsoftCOMMUNITY
Explore all skills by this author →
Website𝕏@afonsoftGitHub

testing-eaf-angular-runtime

Runs the EAF Angular admin UI against a mock Express backend for manual browser testing.

Updated May 8, 2026
Search Tags:#testing#angular#signalr#express#cors#mock backend#ng serve
One-click install
npx skills add https://github.com/afonsoft/EAF --skill testing-eaf-angular-runtime-afonsoft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: testing-eaf-angular-runtime
Source: https://github.com/afonsoft/EAF/tree/main/.claude/skills/testing-eaf-angular-runtime
Command: npx skills add https://github.com/afonsoft/EAF --skill testing-eaf-angular-runtime-afonsoft

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Manually verifying the EAF Angular admin UI normally requires the full .NET API and SQL Server stack, which is slow to set up. This Skill lets you stand up the UI against a lightweight Node/Express mock backend so you can test panels like chat, UI customization, and SignalR-dependent features in a browser. ## Core Features & Use Cases - Mock API Setup: Defines the exact endpoints the UI needs (TokenAuth, AbpUserConfiguration, Session, Profile, Chat, UiCustomizationSettings) including required CORS headers. - Runtime Harness Configuration: Guides pointing appconfig.json at the mock, disabling the service worker, and patching SignalR for chat-only tests. - Production Build Verification: Covers serving the production dist with SPA fallback and reverting all temporary patches before final ng build and tsc checks. - Use Case: You changed the chat bar component and want to verify the chat panel, header styling, and theme switching in Chrome without starting the .NET backend or SQL Server. ## Quick Start Set up a mock backend and serve the EAF Angular UI so I can test the chat panel and UI customization page in the browser.

Frequently Asked Questions about testing-eaf-angular-runtime

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I test an Angular admin UI without the .NET backend?▼

Create a Node/Express mock API on localhost:3000 that serves the required endpoints such as TokenAuth/Authenticate and AbpUserConfiguration/GetAll, then point remoteServiceBaseUrl in appconfig.json to http://localhost:3000 and serve the built UI with SPA fallback.

How to test SignalR chat features with a mock backend?▼

Temporarily patch chat-signalr.service.ts to set isChatConnected to true, trigger the app.chat.connected event, and echo sendMessage, since the mock does not expose a /signalr-chat hub. Revert the patch before final production builds.

Why does CORS preflight fail against my mock API?▼

The mock must list all request headers the Angular app sends in Access-Control-Allow-Headers, including Cache-Control, Pragma, Expires, X-Correlation-ID, Abp-TenantId, and X-Requested-With. Missing any of these causes preflight rejection.

Why does the Angular app keep reloading with stale assets?▼

The production service worker caches old assets and causes reload loops during rapid test builds. Temporarily set production to false in environment.build.ts for harness builds, then revert before the final production build.

Does appconfig.Local.json override appconfig.json in production builds?▼

Yes, appconfig.Local.json overrides appconfig.json in production builds, so you must set remoteServiceBaseUrl in both files when pointing the UI at a mock server.

Related Skills

Explore More Software Engineering Skills→
githubgithub
38.5k

react18-dep-compatibility

Provides minimum dependency versions for React 18.3.1 and React 19 compatibility.

Official
Intermediate
Postpartum-genushyacinthus29Postpartum-genushyacinthus29
8

dotnet-managedcode-orleans-signalr

Coordinate real-time updates from Orleans grains to SignalR clients.

Community
Intermediate
walker-hzxwalker-hzx

browser-debugger

Capture browser console errors, network issues, and page exceptions during automated sessions.

Community
Intermediate
tak-brotak-bro

angular-05-test

Automate Angular unit, integration, and store tests with TestBed and Jest.

Community
Intermediate