From a1f9f8af1af49b532b77e0d0d5485e5968aa4fae Mon Sep 17 00:00:00 2001
From: Yuhuai Liu <yuhuai@cos.io>
Date: Thu, 28 Aug 2025 08:35:09 -0400
Subject: [PATCH 1/5] feat(registries): add context to registration submission
 + rearrange layout

---
 .../metadata/metadata.component.html          | 21 ++++++++++++-------
 .../registries-tags.component.html            |  2 +-
 .../subjects/subjects.component.html          |  2 +-
 src/assets/i18n/en.json                       | 15 +++++++++++--
 4 files changed, 28 insertions(+), 12 deletions(-)

diff --git a/src/app/features/registries/components/metadata/metadata.component.html b/src/app/features/registries/components/metadata/metadata.component.html
index 4adf7ea04..7e5330a49 100644
--- a/src/app/features/registries/components/metadata/metadata.component.html
+++ b/src/app/features/registries/components/metadata/metadata.component.html
@@ -1,17 +1,22 @@
 <section class="flex flex-column bg-white flex-1 h-full p-5 gap-4 w-full">
+  <div>
+    <h2 class="mb-2">{{ 'registries.metadata.title' | translate }}</h2>
+    <p class="mb-4">{{ 'registries.metadata.description' | translate }}</p>
+  </div>
   <form [formGroup]="metadataForm" (ngSubmit)="submitMetadata()" class="flex flex-column gap-4">
     <section>
-      <h2 class="mb-2">{{ 'registries.metadata.title' | translate }}</h2>
-      <p class="mb-4">{{ 'registries.metadata.description' | translate }}</p>
       <p-card class="w-full">
-        <osf-text-input
-          label="common.labels.title"
-          [control]="metadataForm.controls['title']"
-          [maxLength]="inputLimits.fullName.maxLength"
-        >
+        <h2 class="mb-2">{{ 'common.labels.title' | translate }}</h2>
+        <p class="mb-1">{{ 'shared.title.description' | translate }}</p>
+        <osf-text-input [control]="metadataForm.controls['title']" [maxLength]="inputLimits.fullName.maxLength">
         </osf-text-input>
+      </p-card>
+    </section>
+    <section>
+      <p-card>
         <div class="mt-2">
-          <label for="project-description-id">{{ 'common.labels.description' | translate }}</label>
+          <h2 class="mb-2">{{ 'common.labels.description' | translate }}</h2>
+          <p class="mb-1">{{ 'shared.description.description' | translate }}</p>
           <textarea
             id="project-description-id"
             formControlName="description"
diff --git a/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.html b/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.html
index 5dde35e0a..0b970adfe 100644
--- a/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.html
+++ b/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.html
@@ -1,7 +1,7 @@
 <p-card>
   <div class="flex flex-column gap-3">
     <h2>{{ 'project.overview.metadata.tags' | translate }} ({{ 'common.labels.optional' | translate }})</h2>
-
+    <p class="mb-1">{{ 'shared.tags.description' | translate }}</p>
     <osf-tags-input (tagsChanged)="onTagsChanged($event)" [tags]="selectedTags()"></osf-tags-input>
   </div>
 </p-card>
diff --git a/src/app/shared/components/subjects/subjects.component.html b/src/app/shared/components/subjects/subjects.component.html
index 39fc1c960..4a7db51c6 100644
--- a/src/app/shared/components/subjects/subjects.component.html
+++ b/src/app/shared/components/subjects/subjects.component.html
@@ -1,5 +1,5 @@
 <h2 class="mb-2">{{ 'shared.subjects.title' | translate }}</h2>
-
+<p class="mb-1">{{ 'shared.subjects.description' | translate }}</p>
 <p-card class="block text-base mb-3">
   @if (!selected().length) {
     <p class="text-500">{{ 'shared.subjects.noSelected' | translate }}</p>
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index e8bf48a56..ef0974d68 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -2391,6 +2391,15 @@
     "copyright": "Copyright © 2011-2025"
   },
   "shared": {
+    "title": {
+      "description": "Provide a concise and descriptive title for your registration that accurately reflects the main focus of your research. A clear and specific title will help others quickly understand the essence of your study."
+    },
+    "description": {
+      "description": "Write a detailed description of your research project, including its purpose and any expected outcomes. This should give readers a comprehensive overview of your work."
+    },
+    "affiliatedInstitutions": {
+      "description": "This is a service provided by the OSF and is automatically applied to your registration. If you are not sure if your institution has signed up for this service, you can look for their name in this list."
+    },
     "resources": {
       "title": "Open resources",
       "data": "Data",
@@ -2410,10 +2419,12 @@
       "title": "Subjects",
       "noSelected": "No subjects selected",
       "searchSubjects": "Search subjects",
-      "noSubject": "No subjects found"
+      "noSubject": "No subjects found",
+      "description": "Identify the main subject areas that your research pertains to. This helps categorize your work and makes it easier for others in your field to find and reference it."
     },
     "tags": {
-      "title": "Tags"
+      "title": "Tags",
+      "description": "Enter specific keywords that describe the key elements and concepts of your research. These keywords will improve the discoverability of your registration in search results and databases."
     },
     "files": {
       "limitText": "You may attach up to 5 file(s) to this question. Files cannot total over 5GB in size.",

From dd688f437a51d31160439f1395108808b8d1e9e6 Mon Sep 17 00:00:00 2001
From: Yuhuai Liu <yuhuai@cos.io>
Date: Wed, 3 Sep 2025 13:06:23 -0400
Subject: [PATCH 2/5] feat(registries): CR followup

---
 .../metadata/metadata.component.html          | 39 +++++++++++++------
 .../components/metadata/metadata.component.ts |  1 +
 .../registries-tags.component.html            | 10 ++++-
 src/assets/i18n/en.json                       |  2 +-
 4 files changed, 38 insertions(+), 14 deletions(-)

diff --git a/src/app/features/registries/components/metadata/metadata.component.html b/src/app/features/registries/components/metadata/metadata.component.html
index 7e5330a49..ea35e26fe 100644
--- a/src/app/features/registries/components/metadata/metadata.component.html
+++ b/src/app/features/registries/components/metadata/metadata.component.html
@@ -4,21 +4,29 @@ <h2 class="mb-2">{{ 'registries.metadata.title' | translate }}</h2>
     <p class="mb-4">{{ 'registries.metadata.description' | translate }}</p>
   </div>
   <form [formGroup]="metadataForm" (ngSubmit)="submitMetadata()" class="flex flex-column gap-4">
-    <section>
+    <section data-test-registration-title-section>
       <p-card class="w-full">
-        <h2 class="mb-2">{{ 'common.labels.title' | translate }}</h2>
+        <label for="registration-title-id">
+          <h2 class="mb-2">{{ 'common.labels.title' | translate }}</h2>
+        </label>
         <p class="mb-1">{{ 'shared.title.description' | translate }}</p>
-        <osf-text-input [control]="metadataForm.controls['title']" [maxLength]="inputLimits.fullName.maxLength">
+        <osf-text-input
+          id="registration-title-id"
+          [control]="metadataForm.controls['title']"
+          [maxLength]="inputLimits.fullName.maxLength"
+        >
         </osf-text-input>
       </p-card>
     </section>
-    <section>
+    <section data-test-registration-description-section>
       <p-card>
         <div class="mt-2">
-          <h2 class="mb-2">{{ 'common.labels.description' | translate }}</h2>
-          <p class="mb-1">{{ 'shared.description.description' | translate }}</p>
+          <label for="registration-description-id" class="mb-2">
+            <h2>{{ 'common.labels.description' | translate }}</h2>
+          </label>
+          <p class="mb-1">{{ 'shared.description.descriptionMessage' | translate }}</p>
           <textarea
-            id="project-description-id"
+            id="registration-description-id"
             formControlName="description"
             class="w-full"
             rows="5"
@@ -37,10 +45,19 @@ <h2 class="mb-2">{{ 'common.labels.description' | translate }}</h2>
         <div class="flex justify-content-end"></div>
       </p-card>
     </section>
-    <osf-contributors [control]="metadataForm.controls['contributors']"></osf-contributors>
-    <osf-registries-license [control]="metadataForm.controls['license']"></osf-registries-license>
-    <osf-registries-subjects [control]="metadataForm.controls['subjects']"></osf-registries-subjects>
-    <osf-registries-tags></osf-registries-tags>
+    <osf-contributors
+      data-test-registration-contributors-section
+      [control]="metadataForm.controls['contributors']"
+    ></osf-contributors>
+    <osf-registries-license
+      data-test-registration-license-section
+      [control]="metadataForm.controls['license']"
+    ></osf-registries-license>
+    <osf-registries-subjects
+      data-test-registration-subjects-section
+      [control]="metadataForm.controls['subjects']"
+    ></osf-registries-subjects>
+    <osf-registries-tags data-test-registration-tags-section></osf-registries-tags>
     <div class="flex justify-content-end">
       <p-button [label]="'registries.deleteDraft' | translate" severity="danger" (click)="deleteDraft()" class="mr-2">
       </p-button>
diff --git a/src/app/features/registries/components/metadata/metadata.component.ts b/src/app/features/registries/components/metadata/metadata.component.ts
index 3e3031fd8..529c45d73 100644
--- a/src/app/features/registries/components/metadata/metadata.component.ts
+++ b/src/app/features/registries/components/metadata/metadata.component.ts
@@ -84,6 +84,7 @@ export class MetadataComponent implements OnDestroy {
   constructor() {
     effect(() => {
       const draft = this.draftRegistration();
+      // TODO: This shouldn't be an effect()
       if (draft && !this.isFormUpdated) {
         this.updateFormValue(draft);
         this.isFormUpdated = true;
diff --git a/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.html b/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.html
index 0b970adfe..f6c3f9981 100644
--- a/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.html
+++ b/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.html
@@ -1,7 +1,13 @@
 <p-card>
   <div class="flex flex-column gap-3">
-    <h2>{{ 'project.overview.metadata.tags' | translate }} ({{ 'common.labels.optional' | translate }})</h2>
+    <label for="registration-tag-id">
+      <h2>{{ 'project.overview.metadata.tags' | translate }} ({{ 'common.labels.optional' | translate }})</h2>
+    </label>
     <p class="mb-1">{{ 'shared.tags.description' | translate }}</p>
-    <osf-tags-input (tagsChanged)="onTagsChanged($event)" [tags]="selectedTags()"></osf-tags-input>
+    <osf-tags-input
+      id="registration-tag-id"
+      (tagsChanged)="onTagsChanged($event)"
+      [tags]="selectedTags()"
+    ></osf-tags-input>
   </div>
 </p-card>
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index ef0974d68..be7674e58 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -2395,7 +2395,7 @@
       "description": "Provide a concise and descriptive title for your registration that accurately reflects the main focus of your research. A clear and specific title will help others quickly understand the essence of your study."
     },
     "description": {
-      "description": "Write a detailed description of your research project, including its purpose and any expected outcomes. This should give readers a comprehensive overview of your work."
+      "descriptionMessage": "Write a detailed description of your research project, including its purpose and any expected outcomes. This should give readers a comprehensive overview of your work."
     },
     "affiliatedInstitutions": {
       "description": "This is a service provided by the OSF and is automatically applied to your registration. If you are not sure if your institution has signed up for this service, you can look for their name in this list."

From 0f0bd6df33276dd2d222eb62cc7e86127ea24fb3 Mon Sep 17 00:00:00 2001
From: Yuhuai Liu <yuhuai@cos.io>
Date: Wed, 3 Sep 2025 22:42:10 -0400
Subject: [PATCH 3/5] feat(registries): Add test for TagsComponent

---
 jest.config.js                                | 18 ++++-
 .../metadata/metadata.component.spec.ts       | 76 ++++++++++++++++++-
 .../registries-tags.component.spec.ts         | 33 +++++++-
 .../shared/mocks/draft-registration.mock.ts   | 26 +++++++
 4 files changed, 150 insertions(+), 3 deletions(-)
 create mode 100644 src/app/shared/mocks/draft-registration.mock.ts

diff --git a/jest.config.js b/jest.config.js
index 0f184fe80..3b6522150 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -87,7 +87,23 @@ module.exports = {
     '<rootDir>/src/app/features/project/settings',
     '<rootDir>/src/app/features/project/wiki',
     '<rootDir>/src/app/features/project/project.component.ts',
-    '<rootDir>/src/app/features/registries/',
+    '<rootDir>/src/app/features/registries/pages',
+    '<rootDir>/src/app/features/registries/registreis.component.spec.ts',
+    '<rootDir>/src/app/features/registries/components/metadata/contributors',
+    '<rootDir>/src/app/features/registries/components/metadata/registries-license',
+    '<rootDir>/src/app/features/registries/components/metadata/registries-subjects',
+    '<rootDir>/src/app/features/registries/components/confirm-continue-editing-dialog',
+    '<rootDir>/src/app/features/registries/components/confirm-registration-dialog',
+    '<rootDir>/src/app/features/registries/components/custom-step',
+    '<rootDir>/src/app/features/registries/components/drafts',
+    '<rootDir>/src/app/features/registries/components/files-control',
+    '<rootDir>/src/app/features/registries/components/justification-review',
+    '<rootDir>/src/app/features/registries/components/justification-step',
+    '<rootDir>/src/app/features/registries/components/new-registration',
+    '<rootDir>/src/app/features/registries/components/registry-provider-hero',
+    '<rootDir>/src/app/features/registries/components/registry-services',
+    '<rootDir>/src/app/features/registries/components/review',
+    '<rootDir>/src/app/features/registries/components/select-components-dialog',
     '<rootDir>/src/app/features/settings/addons/',
     '<rootDir>/src/app/features/settings/settings-container.component.ts',
     '<rootDir>/src/app/features/settings/tokens/components/',
diff --git a/src/app/features/registries/components/metadata/metadata.component.spec.ts b/src/app/features/registries/components/metadata/metadata.component.spec.ts
index 311ac4e9f..4f92dc865 100644
--- a/src/app/features/registries/components/metadata/metadata.component.spec.ts
+++ b/src/app/features/registries/components/metadata/metadata.component.spec.ts
@@ -1,14 +1,71 @@
+import { Store } from '@ngxs/store';
+
+import { MockComponent, MockProvider } from 'ng-mocks';
+
+import { ConfirmationService, MessageService } from 'primeng/api';
+
+import { of } from 'rxjs';
+
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ReactiveFormsModule } from '@angular/forms';
+import { ActivatedRoute } from '@angular/router';
+
+import { TextInputComponent } from '@osf/shared/components';
+import { MOCK_STORE } from '@osf/shared/mocks';
+import { MOCK_DRAFT_REGISTRATION } from '@osf/shared/mocks/draft-registration.mock';
+import { ContributorsSelectors, SubjectsSelectors } from '@osf/shared/stores';
 
+import { RegistriesSelectors } from '../../store';
+
+import { ContributorsComponent } from './contributors/contributors.component';
+import { RegistriesLicenseComponent } from './registries-license/registries-license.component';
+import { RegistriesSubjectsComponent } from './registries-subjects/registries-subjects.component';
+import { RegistriesTagsComponent } from './registries-tags/registries-tags.component';
 import { MetadataComponent } from './metadata.component';
 
+import { OSFTestingModule } from '@testing/osf.testing.module';
+
 describe('MetadataComponent', () => {
   let component: MetadataComponent;
   let fixture: ComponentFixture<MetadataComponent>;
+  const mockRoute = {
+    snapshot: {
+      params: of({ id: 'someId' }),
+    },
+    params: of(''),
+  };
 
   beforeEach(async () => {
+    MOCK_STORE.selectSignal.mockImplementation((selector) => {
+      switch (selector) {
+        case RegistriesSelectors.getDraftRegistration:
+          return () => MOCK_DRAFT_REGISTRATION;
+        case RegistriesSelectors.getStepsValidation:
+          return () => [];
+        case ContributorsSelectors.getContributors:
+          return () => [];
+        case SubjectsSelectors.getSelectedSubjects:
+          return () => [];
+      }
+      return null;
+    });
     await TestBed.configureTestingModule({
-      imports: [MetadataComponent],
+      imports: [
+        OSFTestingModule,
+        ReactiveFormsModule,
+        MetadataComponent,
+        MockComponent(ContributorsComponent),
+        MockComponent(RegistriesLicenseComponent),
+        MockComponent(RegistriesSubjectsComponent),
+        MockComponent(RegistriesTagsComponent),
+        MockComponent(TextInputComponent),
+      ],
+      providers: [
+        { provide: ActivatedRoute, useValue: mockRoute },
+        MockProvider(ConfirmationService),
+        MockProvider(MessageService),
+        MockProvider(Store, MOCK_STORE),
+      ],
     }).compileComponents();
 
     fixture = TestBed.createComponent(MetadataComponent);
@@ -19,4 +76,21 @@ describe('MetadataComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should render with submission form', () => {
+    const titleSection = fixture.nativeElement.querySelector('[data-test-registration-title-section]');
+    const descriptionSection = fixture.nativeElement.querySelector('[data-test-registration-description-section]');
+    const contributorsSection = fixture.nativeElement.querySelector('[data-test-registration-contributors-section]');
+    const subjectsSection = fixture.nativeElement.querySelector('[data-test-registration-subjects-section]');
+    const tagsSection = fixture.nativeElement.querySelector('[data-test-registration-tags-section]');
+    expect(titleSection).toBeDefined();
+    expect(descriptionSection).toBeDefined();
+    expect(contributorsSection).toBeDefined();
+    expect(subjectsSection).toBeDefined();
+    expect(tagsSection).toBeDefined();
+    const titleFieldLabel = titleSection.querySelector('h2');
+    expect(titleFieldLabel.textContent).toEqual('common.labels.title');
+    const descriptionFieldLabel = descriptionSection.querySelector('h2');
+    expect(descriptionFieldLabel.textContent).toEqual('common.labels.description');
+  });
 });
diff --git a/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.spec.ts b/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.spec.ts
index 3ec731631..61dd04fac 100644
--- a/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.spec.ts
+++ b/src/app/features/registries/components/metadata/registries-tags/registries-tags.component.spec.ts
@@ -1,14 +1,40 @@
+import { Store } from '@ngxs/store';
+
+import { MockProvider } from 'ng-mocks';
+
+import { of } from 'rxjs';
+
 import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { ActivatedRoute } from '@angular/router';
+
+import { RegistriesSelectors } from '@osf/features/registries/store';
+import { MOCK_STORE } from '@osf/shared/mocks';
 
 import { RegistriesTagsComponent } from './registries-tags.component';
 
+import { OSFTestingStoreModule } from '@testing/osf.testing.module';
+
 describe('TagsComponent', () => {
   let component: RegistriesTagsComponent;
   let fixture: ComponentFixture<RegistriesTagsComponent>;
+  const mockRoute = {
+    snapshot: {
+      params: of({ id: 'someId' }),
+    },
+    params: of(''),
+  };
 
+  MOCK_STORE.selectSignal.mockImplementation((selector) => {
+    switch (selector) {
+      case RegistriesSelectors.getSelectedTags:
+        return () => [];
+    }
+    return null;
+  });
   beforeEach(async () => {
     await TestBed.configureTestingModule({
-      imports: [RegistriesTagsComponent],
+      imports: [OSFTestingStoreModule, RegistriesTagsComponent],
+      providers: [{ provide: ActivatedRoute, useValue: mockRoute }, MockProvider(Store, MOCK_STORE)],
     }).compileComponents();
 
     fixture = TestBed.createComponent(RegistriesTagsComponent);
@@ -19,4 +45,9 @@ describe('TagsComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should render with label', () => {
+    const labelElement = fixture.nativeElement.querySelector('label');
+    expect(labelElement.textContent).toEqual('project.overview.metadata.tags (common.labels.optional)');
+  });
 });
diff --git a/src/app/shared/mocks/draft-registration.mock.ts b/src/app/shared/mocks/draft-registration.mock.ts
new file mode 100644
index 000000000..65288d761
--- /dev/null
+++ b/src/app/shared/mocks/draft-registration.mock.ts
@@ -0,0 +1,26 @@
+import { DraftRegistrationModel } from '@shared/models';
+
+export const MOCK_DRAFT_REGISTRATION: DraftRegistrationModel = {
+  branchedFrom: {
+    filesLink: 'someFilesLink',
+    id: 'projectId',
+    title: 'Project Title',
+    type: 'nodes',
+  },
+  components: [],
+  description: 'This is a description',
+  hasProject: true,
+  id: 'thisissupposedtobeauniqueid',
+  license: {
+    id: 'someLicenseId',
+    options: null,
+  },
+  providerId: 'osf',
+  registrationSchemaId: '6797c0dedee44d144a2943fc',
+  stepsData: {
+    summary: '',
+    uploader: [],
+  },
+  tags: [],
+  title: 'This is a title',
+};

From 4b5b7d5f45105ddf67e12434cea1c1ba935f4512 Mon Sep 17 00:00:00 2001
From: Yuhuai Liu <yuhuai@cos.io>
Date: Thu, 4 Sep 2025 00:47:22 -0400
Subject: [PATCH 4/5] feat(registries): Add moar tests

---
 jest.config.js                                |  1 -
 .../metadata/metadata.component.spec.ts       |  4 +++
 .../subjects/subjects.component.spec.ts       | 32 ++++++++++++++++++-
 3 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/jest.config.js b/jest.config.js
index 3b6522150..d76193a20 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -120,7 +120,6 @@ module.exports = {
     '<rootDir>/src/app/shared/components/shared-metadata/dialogs/affiliated-institutions-dialog/',
     '<rootDir>/src/app/shared/components/shared-metadata/dialogs/contributors-dialog/',
     '<rootDir>/src/app/shared/components/shared-metadata/shared-metadata',
-    '<rootDir>/src/app/shared/components/subjects/',
     '<rootDir>/src/app/shared/components/wiki/edit-section/',
     '<rootDir>/src/app/shared/components/wiki/wiki-list/',
   ],
diff --git a/src/app/features/registries/components/metadata/metadata.component.spec.ts b/src/app/features/registries/components/metadata/metadata.component.spec.ts
index 4f92dc865..034f098b5 100644
--- a/src/app/features/registries/components/metadata/metadata.component.spec.ts
+++ b/src/app/features/registries/components/metadata/metadata.component.spec.ts
@@ -90,7 +90,11 @@ describe('MetadataComponent', () => {
     expect(tagsSection).toBeDefined();
     const titleFieldLabel = titleSection.querySelector('h2');
     expect(titleFieldLabel.textContent).toEqual('common.labels.title');
+    const titleFieldHelpText = titleSection.querySelector('p');
+    expect(titleFieldHelpText.textContent).toEqual('shared.title.description');
     const descriptionFieldLabel = descriptionSection.querySelector('h2');
     expect(descriptionFieldLabel.textContent).toEqual('common.labels.description');
+    const descriptionFieldHelpText = descriptionSection.querySelector('p');
+    expect(descriptionFieldHelpText.textContent).toEqual('shared.description.descriptionMessage');
   });
 });
diff --git a/src/app/shared/components/subjects/subjects.component.spec.ts b/src/app/shared/components/subjects/subjects.component.spec.ts
index ba5495891..c1907d927 100644
--- a/src/app/shared/components/subjects/subjects.component.spec.ts
+++ b/src/app/shared/components/subjects/subjects.component.spec.ts
@@ -1,14 +1,37 @@
+import { Store } from '@ngxs/store';
+
+import { MockProvider } from 'ng-mocks';
+
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 
+import { MOCK_STORE } from '@osf/shared/mocks';
+import { SubjectsSelectors } from '@osf/shared/stores';
+
 import { SubjectsComponent } from './subjects.component';
 
+import { OSFTestingStoreModule } from '@testing/osf.testing.module';
+
 describe('SubjectsComponent', () => {
   let component: SubjectsComponent;
   let fixture: ComponentFixture<SubjectsComponent>;
 
   beforeEach(async () => {
+    MOCK_STORE.selectSignal.mockImplementation((selector) => {
+      switch (selector) {
+        case SubjectsSelectors.getSubjects:
+          return () => [];
+        case SubjectsSelectors.getSubjectsLoading:
+          return () => false;
+        case SubjectsSelectors.getSearchedSubjects:
+          return () => [];
+        case SubjectsSelectors.getSearchedSubjectsLoading:
+          return () => false;
+      }
+      return null;
+    });
     await TestBed.configureTestingModule({
-      imports: [SubjectsComponent],
+      imports: [SubjectsComponent, OSFTestingStoreModule],
+      providers: [MockProvider(Store, MOCK_STORE)],
     }).compileComponents();
 
     fixture = TestBed.createComponent(SubjectsComponent);
@@ -19,4 +42,11 @@ describe('SubjectsComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should render with label and description', () => {
+    const headerElement = fixture.nativeElement.querySelector('h2');
+    expect(headerElement.textContent).toEqual('shared.subjects.title');
+    const descriptionElement = fixture.nativeElement.querySelector('p');
+    expect(descriptionElement.textContent).toEqual('shared.subjects.description');
+  });
 });

From 85eb067cb3e7d9a8640d1f7030fb72711d21f31c Mon Sep 17 00:00:00 2001
From: Yuhuai Liu <yuhuai@cos.io>
Date: Thu, 4 Sep 2025 12:14:05 -0400
Subject: [PATCH 5/5] feat(registries): CR followup

---
 jest.config.js                                                | 2 +-
 .../registries/components/metadata/metadata.component.html    | 2 +-
 .../registries/components/metadata/metadata.component.spec.ts | 4 ++--
 src/assets/i18n/en.json                                       | 2 +-
 src/{app/shared => testing}/mocks/draft-registration.mock.ts  | 0
 5 files changed, 5 insertions(+), 5 deletions(-)
 rename src/{app/shared => testing}/mocks/draft-registration.mock.ts (100%)

diff --git a/jest.config.js b/jest.config.js
index e1090dde2..2b9c17680 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -85,7 +85,7 @@ module.exports = {
     '<rootDir>/src/app/features/project/wiki',
     '<rootDir>/src/app/features/project/project.component.ts',
     '<rootDir>/src/app/features/registries/pages',
-    '<rootDir>/src/app/features/registries/registreis.component.spec.ts',
+    '<rootDir>/src/app/features/registries/registries.component.spec.ts',
     '<rootDir>/src/app/features/registries/components/metadata/contributors',
     '<rootDir>/src/app/features/registries/components/metadata/registries-license',
     '<rootDir>/src/app/features/registries/components/metadata/registries-subjects',
diff --git a/src/app/features/registries/components/metadata/metadata.component.html b/src/app/features/registries/components/metadata/metadata.component.html
index ea35e26fe..503c974b9 100644
--- a/src/app/features/registries/components/metadata/metadata.component.html
+++ b/src/app/features/registries/components/metadata/metadata.component.html
@@ -24,7 +24,7 @@ <h2 class="mb-2">{{ 'common.labels.title' | translate }}</h2>
           <label for="registration-description-id" class="mb-2">
             <h2>{{ 'common.labels.description' | translate }}</h2>
           </label>
-          <p class="mb-1">{{ 'shared.description.descriptionMessage' | translate }}</p>
+          <p class="mb-1">{{ 'shared.description.message' | translate }}</p>
           <textarea
             id="registration-description-id"
             formControlName="description"
diff --git a/src/app/features/registries/components/metadata/metadata.component.spec.ts b/src/app/features/registries/components/metadata/metadata.component.spec.ts
index 034f098b5..1680fe3be 100644
--- a/src/app/features/registries/components/metadata/metadata.component.spec.ts
+++ b/src/app/features/registries/components/metadata/metadata.component.spec.ts
@@ -12,7 +12,6 @@ import { ActivatedRoute } from '@angular/router';
 
 import { TextInputComponent } from '@osf/shared/components';
 import { MOCK_STORE } from '@osf/shared/mocks';
-import { MOCK_DRAFT_REGISTRATION } from '@osf/shared/mocks/draft-registration.mock';
 import { ContributorsSelectors, SubjectsSelectors } from '@osf/shared/stores';
 
 import { RegistriesSelectors } from '../../store';
@@ -23,6 +22,7 @@ import { RegistriesSubjectsComponent } from './registries-subjects/registries-su
 import { RegistriesTagsComponent } from './registries-tags/registries-tags.component';
 import { MetadataComponent } from './metadata.component';
 
+import { MOCK_DRAFT_REGISTRATION } from '@testing/mocks/draft-registration.mock';
 import { OSFTestingModule } from '@testing/osf.testing.module';
 
 describe('MetadataComponent', () => {
@@ -95,6 +95,6 @@ describe('MetadataComponent', () => {
     const descriptionFieldLabel = descriptionSection.querySelector('h2');
     expect(descriptionFieldLabel.textContent).toEqual('common.labels.description');
     const descriptionFieldHelpText = descriptionSection.querySelector('p');
-    expect(descriptionFieldHelpText.textContent).toEqual('shared.description.descriptionMessage');
+    expect(descriptionFieldHelpText.textContent).toEqual('shared.description.message');
   });
 });
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 646be778b..ef7faf0a7 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -2449,7 +2449,7 @@
       "description": "Provide a concise and descriptive title for your registration that accurately reflects the main focus of your research. A clear and specific title will help others quickly understand the essence of your study."
     },
     "description": {
-      "descriptionMessage": "Write a detailed description of your research project, including its purpose and any expected outcomes. This should give readers a comprehensive overview of your work."
+      "message": "Write a detailed description of your research project, including its purpose and any expected outcomes. This should give readers a comprehensive overview of your work."
     },
     "affiliatedInstitutions": {
       "description": "This is a service provided by the OSF and is automatically applied to your registration. If you are not sure if your institution has signed up for this service, you can look for their name in this list."
diff --git a/src/app/shared/mocks/draft-registration.mock.ts b/src/testing/mocks/draft-registration.mock.ts
similarity index 100%
rename from src/app/shared/mocks/draft-registration.mock.ts
rename to src/testing/mocks/draft-registration.mock.ts