From 87d36fab1e45a70921561759eff46b8c1d8f107a Mon Sep 17 00:00:00 2001
From: Bohdan Odintsov <bodintsov@exoft.net>
Date: Wed, 27 Aug 2025 11:58:54 +0300
Subject: [PATCH 1/2] Added context sentence to connected Add-ons

---
 src/app/features/project/addons/addons.component.html  | 3 +++
 src/app/features/settings/addons/addons.component.html | 3 +++
 src/assets/i18n/en.json                                | 1 +
 3 files changed, 7 insertions(+)

diff --git a/src/app/features/project/addons/addons.component.html b/src/app/features/project/addons/addons.component.html
index 5f4b90dc4..bf228d176 100644
--- a/src/app/features/project/addons/addons.component.html
+++ b/src/app/features/project/addons/addons.component.html
@@ -48,6 +48,9 @@
         }
       </p-tabpanel>
       <p-tabpanel [value]="AddonTabValue.CONNECTED_ADDONS" class="flex flex-column gap-5">
+        <p>
+          {{ 'settings.addons.connectedDescription' | translate }}
+        </p>
         <osf-search-input
           class="flex-1"
           [control]="searchControl"
diff --git a/src/app/features/settings/addons/addons.component.html b/src/app/features/settings/addons/addons.component.html
index 4e7b369f8..d6ea70db0 100644
--- a/src/app/features/settings/addons/addons.component.html
+++ b/src/app/features/settings/addons/addons.component.html
@@ -52,6 +52,9 @@
       </p-tabpanel>
 
       <p-tabpanel [value]="AddonTabValue.CONNECTED_ADDONS" class="flex flex-column gap-5">
+        <p>
+          {{ 'settings.addons.connectedDescription' | translate }}
+        </p>
         <osf-search-input
           class="flex-1"
           [control]="searchControl"
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index cdf5e4004..13cfed232 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -1423,6 +1423,7 @@
         "title": "Add-ons"
       },
       "description": "Sync your projects with external services to help stay connected and organized. Select a category and browse the options. Add-ons can also be linked directly from Project page.",
+      "connectedDescription": "Manage your connected Add-ons, re-authorize, disconnect account, or disconnect project",
       "tabs": {
         "allAddons": "All Add-ons",
         "connectedAddons": "Connected Add-ons"

From 48f674c2d80f13ca6184ea77f4d661bcbb59dd60 Mon Sep 17 00:00:00 2001
From: Bohdan Odintsov <bodintsov@exoft.net>
Date: Thu, 28 Aug 2025 15:04:26 +0300
Subject: [PATCH 2/2] test(addons): add tests for addons components

---
 .../project/addons/addons.component.spec.ts    | 18 ++++++++++++++++++
 .../settings/addons/addons.component.spec.ts   | 18 ++++++++++++++++++
 2 files changed, 36 insertions(+)

diff --git a/src/app/features/project/addons/addons.component.spec.ts b/src/app/features/project/addons/addons.component.spec.ts
index e90e4cc21..8afcb774e 100644
--- a/src/app/features/project/addons/addons.component.spec.ts
+++ b/src/app/features/project/addons/addons.component.spec.ts
@@ -36,4 +36,22 @@ describe('AddonsComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should render the connected description paragraph', () => {
+    component['selectedTab'].set(component['AddonTabValue'].ALL_ADDONS);
+    fixture.detectChanges();
+    const compiled: HTMLElement = fixture.nativeElement;
+    const p = compiled.querySelector('p');
+    expect(p).toBeTruthy();
+    expect(p?.textContent?.trim()).toContain('settings.addons.description');
+  });
+
+  it('should render the connected description paragraph', () => {
+    component['selectedTab'].set(component['AddonTabValue'].CONNECTED_ADDONS);
+    fixture.detectChanges();
+    const compiled: HTMLElement = fixture.nativeElement;
+    const p = compiled.querySelector('p');
+    expect(p).toBeTruthy();
+    expect(p?.textContent?.trim()).toContain('settings.addons.connectedDescription');
+  });
 });
diff --git a/src/app/features/settings/addons/addons.component.spec.ts b/src/app/features/settings/addons/addons.component.spec.ts
index ec608ae6d..97d58cf8f 100644
--- a/src/app/features/settings/addons/addons.component.spec.ts
+++ b/src/app/features/settings/addons/addons.component.spec.ts
@@ -61,4 +61,22 @@ describe('AddonsComponent', () => {
   it('should create', () => {
     expect(component).toBeTruthy();
   });
+
+  it('should render the connected description paragraph', () => {
+    component['selectedTab'].set(component['AddonTabValue'].ALL_ADDONS);
+    fixture.detectChanges();
+    const compiled: HTMLElement = fixture.nativeElement;
+    const p = compiled.querySelector('p');
+    expect(p).toBeTruthy();
+    expect(p?.textContent?.trim()).toContain('settings.addons.description');
+  });
+
+  it('should render the connected description paragraph', () => {
+    component['selectedTab'].set(component['AddonTabValue'].CONNECTED_ADDONS);
+    fixture.detectChanges();
+    const compiled: HTMLElement = fixture.nativeElement;
+    const p = compiled.querySelector('p');
+    expect(p).toBeTruthy();
+    expect(p?.textContent?.trim()).toContain('settings.addons.connectedDescription');
+  });
 });