fix: comprehensive code quality, theming, and test coverage improvements

- Fix ExemptionManager apiVersion bug (apps/batch resources used wrong API path)
- Replace resource: any with proper KubeResource interface (strict TypeScript)
- Replace all var(--mui-palette-*) CSS variables with useTheme() + theme.palette.*
- Replace custom drawer with MUI Drawer component (proper a11y and theming)
- Replace alert() calls with StatusLabel-based inline feedback
- Add PolarisErrorBoundary wrapping all registered plugin components
- Export getPolarisApiPath/isFullUrl from polaris.ts, deduplicate in PolarisSettings
- Fix PolarisDataContext test mock missing triggerRefresh
- Fix DashboardView test SimpleTable mock using any
- Remove dead NamespaceDetailView (replaced by drawer), unused MockPolarisProvider,
  unused getSeverityColor export
- Add tests for InlineAuditSection, AppBarScoreBadge, topIssues, checkMapping (32 new)
- Update CLAUDE.md, CHANGELOG.md, README.md for v0.6.0

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
DevContainer User
2026-03-04 16:59:50 +00:00
parent 6dd64e87ce
commit 514de78ba7
23 changed files with 1087 additions and 729 deletions
+49 -12
View File
@@ -5,6 +5,7 @@ import {
registerRoute,
registerSidebarEntry,
} from '@kinvolk/headlamp-plugin/lib';
import { SectionBox, StatusLabel } from '@kinvolk/headlamp-plugin/lib/CommonComponents';
import React from 'react';
import { PolarisDataProvider } from './api/PolarisDataContext';
import AppBarScoreBadge from './components/AppBarScoreBadge';
@@ -13,6 +14,34 @@ import InlineAuditSection from './components/InlineAuditSection';
import NamespacesListView from './components/NamespacesListView';
import PolarisSettings from './components/PolarisSettings';
// --- Error boundary for plugin components ---
interface ErrorBoundaryState {
error: string | null;
}
class PolarisErrorBoundary extends React.Component<
{ children: React.ReactNode },
ErrorBoundaryState
> {
state: ErrorBoundaryState = { error: null };
static getDerivedStateFromError(error: Error): ErrorBoundaryState {
return { error: error.message };
}
render() {
if (this.state.error) {
return (
<SectionBox title="Polaris Plugin Error">
<StatusLabel status="error">{this.state.error}</StatusLabel>
</SectionBox>
);
}
return this.props.children;
}
}
// --- Sidebar entries ---
registerSidebarEntry({
@@ -47,9 +76,11 @@ registerRoute({
name: 'polaris',
exact: true,
component: () => (
<PolarisDataProvider>
<DashboardView />
</PolarisDataProvider>
<PolarisErrorBoundary>
<PolarisDataProvider>
<DashboardView />
</PolarisDataProvider>
</PolarisErrorBoundary>
),
});
@@ -59,9 +90,11 @@ registerRoute({
name: 'polaris-namespaces',
exact: true,
component: () => (
<PolarisDataProvider>
<NamespacesListView />
</PolarisDataProvider>
<PolarisErrorBoundary>
<PolarisDataProvider>
<NamespacesListView />
</PolarisDataProvider>
</PolarisErrorBoundary>
),
});
@@ -77,15 +110,19 @@ registerDetailsViewSection(({ resource }) => {
}
return (
<PolarisDataProvider>
<InlineAuditSection resource={resource} />
</PolarisDataProvider>
<PolarisErrorBoundary>
<PolarisDataProvider>
<InlineAuditSection resource={resource} />
</PolarisDataProvider>
</PolarisErrorBoundary>
);
});
// Register app bar score badge
registerAppBarAction(() => (
<PolarisDataProvider>
<AppBarScoreBadge />
</PolarisDataProvider>
<PolarisErrorBoundary>
<PolarisDataProvider>
<AppBarScoreBadge />
</PolarisDataProvider>
</PolarisErrorBoundary>
));