Menü
Conventions for Angular applications
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
Conventions for dependency injection and mocking in Spring Boot integration tests in this project. Use this whenever writing, reviewing, or refactoring integration test classes (anything annotated @SpringBootTest, or under src/test that talks to a real Spring context), especially when deciding how to wire dependencies or mock collaborators. Also consult this before adding @Autowired, @MockBean, @MockitoBean, or field injection in any test class.
Conventions for dependency injection and mocking in Spring Boot in this project. Use this whenever writing, reviewing, or refactoring integration test classes (anything annotated @SpringBootTest, or under src/test that talks to a real Spring context), especially when deciding how to wire dependencies or mock collaborators. Also consult this before adding @Autowired, @MockBean, @MockitoBean, or field injection in any test class.
| name | angular |
| description | Conventions for Angular applications |
tsconfig.json:Replace:
{
"compilerOptions": {
"target": "es5",
"lib": ["es5", "dom"],
"types": ["cypress", "node"]
},
"include": ["**/*.ts"]
}
with
{
"compilerOptions": {
"target": "esnext",
"lib": ["esnext", "dom"],
"types": ["cypress", "node"]
},
"include": ["**/*.ts"]
}
Please find the list of alle angular standards on the following page: https://angular.dev/style-guide. It is of the utmost importance that all configuration, HTML, TypeScript, JavaScript, and everything that consists of an angular project, to follow these standards. Changes should be made accordingly. Modernize the build tooling too
With the inception of signals, reactive programming for the front-end has been made easy. Make sure that, whenever possible, that the code uses signals instead of the typical subscriber model. Find information on how to do this with good practices over at: https://angular.dev/guide/signals Refactor subscribe() to resource()/rxResource()
The RouterTestingModule and the HttpClientTestingModule have been deprecated. Can you make sure to replace the TypeScript declarations accordingly?
From RouterTestingModule.
Use provideRouter or RouterModule/RouterModule.forRoot instead. This module was previously used to provide a helpful collection of test fakes, most notably those for Location and LocationStrategy. These are generally not required anymore, as MockPlatformLocation is provided in TestBed by default. However, you can use them directly with provideLocationMocks.
From HttpClientTestingModule.
Add provideHttpClientTesting() to your providers instead.
Use both definitions to make the changes wherever possible.
Follow the documentation on https://angular.dev/tools/cli/build-system-migration to make a successful build migration
In old projects, very little attention was given to scss standards. Here we want to make sure that all scss is being applied according to the scss documents over at:
When possible, make sure to optimize the use of scss for grids. Documentation can be found here:
[] All targets in tsconfig.json files should be set to esnext
[] No target should remain with old target compiler option versions