Files
headlamp-intel-gpu-plugin/src/components/NodeDetailSection.test.tsx
T
privilegedescalation-engineer[bot] 6cd159b5a4 test: add component test coverage for all untested files (#17)
* test: add component test coverage for all untested files

Adds 60 new tests (108 total) covering every untested module:
- IntelGpuDataContext: provider renders, loading/loaded states, CRD
  available/unavailable paths, refresh, useIntelGpuContext throws outside
  provider
- OverviewPage: loading, plugin-not-detected, error, populated, refresh
  button, CRD notice, device plugin table, plugin daemon pods, active pods
- NodesPage: loading, empty state, GPU node summary table, detail cards
- PodsPage: loading, empty state, summary counts, pending pod attention,
  all-pods table
- DevicePluginsPage: loading, CRD unavailable, no-plugins, plugin detail,
  daemon pod table
- NodeDetailSection: null for non-GPU nodes, GPU capacity/allocatable rows,
  pod list, loading state
- PodDetailSection: null for non-GPU pods, GPU resource rows, phase status,
  limits-only containers
- MetricsPage: context loading gate, Prometheus unreachable, empty chips,
  chip cards with power values, MetricRequirements always rendered, refresh

Also fixes vitest.config.mts to pin NODE_ENV=test so tests run correctly
without requiring callers to set it explicitly.

Co-Authored-By: Paperclip <noreply@paperclip.ing>

* fix: remove unused act import and merge duplicate metrics imports in MetricsPage.test.tsx

Co-Authored-By: Paperclip <noreply@paperclip.ing>

* fix: cast useList mock return values to any in IntelGpuDataContext.test.tsx

The Headlamp useList() return type is an intersection of a tuple and
QueryListResponse, which plain array literals like [[], null] and
[null, null] do not satisfy. Cast all useList mockReturnValue arguments
to any so tsc passes without requiring full KubeObject stub objects.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* style: run Prettier formatting and ESLint lint:fix on test files

Addresses CI format:check failures and import-sort warning in
MetricsPage.test.tsx flagged by QA on PR #17.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

---------

Co-authored-by: Hugh Hackman <hugh@privilegedescalation.com>
Co-authored-by: Paperclip <noreply@paperclip.ing>
Co-authored-by: Gandalf the Greybeard <gandalf@privilegedescalation.com>
Co-authored-by: Gandalf the Greybeard <gandalf@privilegedescalation.dev>
Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: Gandalf the Greybeard <gandalf-the-greybeard[bot]@users.noreply.github.com>
2026-03-21 12:53:04 +00:00

144 lines
4.9 KiB
TypeScript

import { render, screen } from '@testing-library/react';
import React from 'react';
import { describe, expect, it, vi } from 'vitest';
import { IntelGpuContextValue, useIntelGpuContext } from '../api/IntelGpuDataContext';
import { IntelGpuPod } from '../api/k8s';
import NodeDetailSection from './NodeDetailSection';
vi.mock('@kinvolk/headlamp-plugin/lib/CommonComponents', () => ({
SectionBox: ({ title, children }: { title: string; children?: React.ReactNode }) => (
<section>
<h2>{title}</h2>
{children}
</section>
),
NameValueTable: ({
rows,
}: {
rows: Array<{ name: React.ReactNode; value: React.ReactNode }>;
}) => (
<dl>
{rows.map((r, i) => (
<div key={i}>
<dt>{r.name}</dt>
<dd>{r.value}</dd>
</div>
))}
</dl>
),
StatusLabel: ({ status, children }: { status: string; children?: React.ReactNode }) => (
<span data-status={status}>{children}</span>
),
}));
vi.mock('../api/IntelGpuDataContext', () => ({
useIntelGpuContext: vi.fn(),
}));
function makeContext(overrides: Partial<IntelGpuContextValue> = {}): IntelGpuContextValue {
return {
devicePlugins: [],
pluginInstalled: false,
gpuNodes: [],
gpuPods: [],
pluginPods: [],
crdAvailable: false,
loading: false,
error: null,
refresh: vi.fn(),
...overrides,
};
}
// A raw GPU node (matches IntelGpuNode shape) with capacity/allocatable
const gpuNodeRaw = {
kind: 'Node',
metadata: {
name: 'gpu-node-1',
labels: { 'intel.feature.node.kubernetes.io/gpu': 'true' },
},
status: {
capacity: { 'gpu.intel.com/i915': '2', cpu: '8' },
allocatable: { 'gpu.intel.com/i915': '2', cpu: '8' },
nodeInfo: {
kernelVersion: '5.15.0-generic',
osImage: 'Ubuntu 22.04.3 LTS',
},
},
};
// A non-GPU node — no labels, no gpu.intel.com capacity
const nonGpuNodeRaw = {
kind: 'Node',
metadata: {
name: 'plain-node-1',
labels: {},
},
status: {
capacity: { cpu: '4', memory: '8Gi' },
allocatable: { cpu: '4', memory: '8Gi' },
},
};
describe('NodeDetailSection', () => {
it('renders nothing for a non-GPU node (no Intel GPU labels or capacity)', () => {
vi.mocked(useIntelGpuContext).mockReturnValue(makeContext());
const { container } = render(<NodeDetailSection resource={nonGpuNodeRaw} />);
expect(container).toBeEmptyDOMElement();
});
it('renders nothing for a non-GPU node passed via jsonData wrapper', () => {
vi.mocked(useIntelGpuContext).mockReturnValue(makeContext());
const { container } = render(<NodeDetailSection resource={{ jsonData: nonGpuNodeRaw }} />);
expect(container).toBeEmptyDOMElement();
});
it('renders "Intel GPU" section for a GPU node provided via jsonData', () => {
vi.mocked(useIntelGpuContext).mockReturnValue(makeContext({ loading: false, gpuPods: [] }));
render(<NodeDetailSection resource={{ jsonData: gpuNodeRaw }} />);
expect(screen.getByText('Intel GPU')).toBeInTheDocument();
});
it('renders "Intel GPU" section for a GPU node provided directly', () => {
vi.mocked(useIntelGpuContext).mockReturnValue(makeContext({ loading: false, gpuPods: [] }));
render(<NodeDetailSection resource={gpuNodeRaw} />);
expect(screen.getByText('Intel GPU')).toBeInTheDocument();
});
it('renders capacity and allocatable rows', () => {
vi.mocked(useIntelGpuContext).mockReturnValue(makeContext({ loading: false, gpuPods: [] }));
render(<NodeDetailSection resource={gpuNodeRaw} />);
// GPU (i915) capacity and allocatable rows
expect(screen.getByText('GPU (i915) (capacity)')).toBeInTheDocument();
expect(screen.getByText('GPU (i915) (allocatable)')).toBeInTheDocument();
});
it('shows "None" for GPU Workload Pods when no pods are on the node and not loading', () => {
vi.mocked(useIntelGpuContext).mockReturnValue(makeContext({ loading: false, gpuPods: [] }));
render(<NodeDetailSection resource={gpuNodeRaw} />);
expect(screen.getByText('None')).toBeInTheDocument();
});
it('shows "Loading…" for GPU Workload Pods when context is loading', () => {
vi.mocked(useIntelGpuContext).mockReturnValue(makeContext({ loading: true, gpuPods: [] }));
render(<NodeDetailSection resource={gpuNodeRaw} />);
expect(screen.getByText('Loading…')).toBeInTheDocument();
});
it('lists pod names when GPU pods are scheduled on the node', () => {
const gpuPod: IntelGpuPod = {
metadata: { name: 'my-gpu-pod', namespace: 'default', uid: 'uid-pod-1' },
spec: {
nodeName: 'gpu-node-1',
containers: [{ name: 'main', resources: { requests: { 'gpu.intel.com/i915': '1' } } }],
},
status: { phase: 'Running' },
};
vi.mocked(useIntelGpuContext).mockReturnValue(
makeContext({ loading: false, gpuPods: [gpuPod] })
);
render(<NodeDetailSection resource={gpuNodeRaw} />);
expect(screen.getByText('my-gpu-pod')).toBeInTheDocument();
});
});