From 210331f8086eb09ee48c4fc5a92ac005faa0040b Mon Sep 17 00:00:00 2001
From: ShaneK <shane@shanessite.net>
Date: Tue, 13 Jan 2026 11:13:14 -0800
Subject: [PATCH] chore(classnames test): adding note explaining the purpose of
 this test

---
 .../DynamicIonpageClassnames.tsx                   | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/react-router/test/base/src/pages/dynamic-ionpage-classnames/DynamicIonpageClassnames.tsx b/packages/react-router/test/base/src/pages/dynamic-ionpage-classnames/DynamicIonpageClassnames.tsx
index 9dbbb6b899..2d0018aa3c 100644
--- a/packages/react-router/test/base/src/pages/dynamic-ionpage-classnames/DynamicIonpageClassnames.tsx
+++ b/packages/react-router/test/base/src/pages/dynamic-ionpage-classnames/DynamicIonpageClassnames.tsx
@@ -49,10 +49,18 @@ const Page: React.FC = (props) => {
           <IonTitle>Dynamic Ionpage Classnames</IonTitle>
         </IonToolbar>
       </IonHeader>
-      <IonContent>
+      <IonContent className="ion-padding">
+        <p>
+          This page tests that dynamically changing the className prop on IonPage
+          preserves framework classes (ion-page, ion-page-hidden, ion-page-invisible).
+        </p>
+        <p>
+          <strong>Test:</strong> Click "Add Class" and verify the classes below include
+          both "other-class" AND "ion-page". If only "other-class" appears,
+          the framework classes were incorrectly removed.
+        </p>
         <IonButton onClick={() => setStyleClass('other-class')}>Add Class</IonButton>
-        <br />
-        Div classes: {divClasses}
+        <p>Current classes: {divClasses}</p>
       </IonContent>
     </IonPage>
   );