Merge pull request #1842 from DSD-DBS/wait-to-capture-screenshot

test: Add delay to let mat-error animation complete

frontend/src/app/projects/models/model-source/git/manage-git-model/manage-git-model.stories.ts

@@ -44,7 +44,11 @@ export default meta;
 type Story = StoryObj<ManageGitModelComponent>;
 
 export const InvalidURL: Story = {
-  args: {},
+  parameters: {
+    screenshot: {
+      delay: 300,
+    },
+  },
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
     const absoluteURL = canvas.getByTestId('absolute-url');

frontend/src/app/settings/modelsources/git-settings/add-git-instance/add-git-instance.component.html

@@ -39,7 +39,12 @@ <h2 class="mb-2 text-xl font-medium">Link a Git Server Instance</h2>
     @if (gitInstancesForm.controls.type.value !== "General") {
       <mat-form-field class="form-field-default" appearance="fill">
         <mat-label>API Base URL</mat-label>
-        <input matInput formControlName="api_url" data-testid="api_url" />
+        <input
+          matInput
+          spellcheck="false"
+          formControlName="api_url"
+          data-testid="api_url"
+        />
         @if (gitInstancesForm.controls.url.errors?.urlSchemeError) {
           <mat-error> API URLs have to start with 'http(s)://' </mat-error>
         }