ellipsis updates

Author: ajp-io

api/internal/managers/infra/install.go

@@ -273,7 +273,7 @@ func (m *infraManager) installAddOns(ctx context.Context, license *kotsv1beta1.L
 
 			// if in progress, update the overall status to reflect the current component
 			if progress.Status.State == types.StateRunning {
-				m.setStatusDesc(fmt.Sprintf("%s %s", progress.Status.Description, progress.Name))
+				m.setStatusDesc(fmt.Sprintf("%s %s...", progress.Status.Description, progress.Name))
 			}
 
 			// update the status for the current component

web/src/components/wizard/installation/InstallationProgress.tsx

@@ -14,8 +14,8 @@ const InstallationProgress: React.FC<InstallationProgressProps> = ({
   status
 }) => {
   const displayMessage = () => {
-    if (!currentMessage) return 'Preparing installation…';
-    return status === 'Running' ? `${currentMessage}…` : currentMessage;
+    if (!currentMessage) return 'Preparing installation...';
+    return status === 'Running' ? `${currentMessage}` : currentMessage;
   };
 
   return (

web/src/components/wizard/installation/StatusIndicator.tsx

@@ -26,7 +26,7 @@ const StatusIndicator: React.FC<StatusIndicatorProps> = ({ title, status, themeC
     case 'Running':
       Icon = Loader2;
       statusColor = themeColor;
-      statusText = 'Installing…';
+      statusText = 'Installing...';
       break;
     default:
       Icon = AlertTriangle;

web/src/components/wizard/tests/InstallationStep.test.tsx

@@ -11,7 +11,7 @@ const server = setupServer(
   // Mock installation status endpoint
   http.get("*/api/install/infra/status", () => {
     return HttpResponse.json({
-      status: { state: "Running", description: "Installing…" },
+      status: { state: "Running", description: "Installing..." },
       components: [
         { name: "Runtime", status: { state: "Pending" } },
         { name: "Disaster Recovery", status: { state: "Pending" } }
@@ -57,11 +57,11 @@ describe("InstallationStep", () => {
     expect(screen.getByText("Installing infrastructure components")).toBeInTheDocument();
 
     // Check progress and status indicators
-    expect(screen.getByText("Preparing installation…")).toBeInTheDocument();
+    expect(screen.getByText("Preparing installation...")).toBeInTheDocument();
 
     // Wait for progress update
     await waitFor(() => {
-      expect(screen.getByText("Installing…")).toBeInTheDocument();
+      expect(screen.getByText("Installing...")).toBeInTheDocument();
     });
 
     // Verify Runtime component
@@ -121,7 +121,7 @@ describe("InstallationStep", () => {
     const drContainer = screen.getByTestId("status-indicator-disaster-recovery");
     expect(drContainer).toBeInTheDocument();
     expect(within(drContainer).getByTestId("status-title")).toHaveTextContent("Disaster Recovery");
-    expect(within(drContainer).getByTestId("status-text")).toHaveTextContent("Installing…");
+    expect(within(drContainer).getByTestId("status-text")).toHaveTextContent("Installing...");
 
     // Next button should still be disabled
     expect(screen.getByText("Next: Finish")).toBeDisabled();