-
Notifications
You must be signed in to change notification settings - Fork 20
Expand file tree
/
Copy pathMetadataLabels.test.tsx
More file actions
55 lines (49 loc) · 3.53 KB
/
Copy pathMetadataLabels.test.tsx
File metadata and controls
55 lines (49 loc) · 3.53 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
import { renderToStaticMarkup } from 'react-dom/server';
import { MetadataLabels } from './MetadataLabels';
describe('MetadataLabels', () => {
it('renders "No labels" when labels is undefined', () => {
expect(renderToStaticMarkup(<MetadataLabels kind="Deployment" />)).toMatchInlineSnapshot(
`"<span class="metadata-labels-no-labels">No labels</span>"`,
);
});
it('renders "No labels" when labels is empty', () => {
expect(
renderToStaticMarkup(<MetadataLabels kind="Deployment" labels={{}} />),
).toMatchInlineSnapshot(`"<span class="metadata-labels-no-labels">No labels</span>"`);
});
it('renders a single label', () => {
expect(
renderToStaticMarkup(<MetadataLabels kind="Deployment" labels={{ app: 'frontend' }} />),
).toMatchInlineSnapshot(
`"<div data-testid="label-group" class="co-label-group metadata-labels-group" data-num-labels="10"><span data-testid="label" class="co-m-deployment co-m-expand co-label" data-color="blue" data-href="/search?kind=Deployment&q=app=frontend"><span class="co-label__key" data-test="label-key">app</span><span class="co-label__eq">=</span><span class="co-label__value">frontend</span></span></div>"`,
);
});
it('renders multiple labels', () => {
expect(
renderToStaticMarkup(
<MetadataLabels
kind="Deployment"
labels={{ app: 'frontend', tier: 'web', version: 'v1' }}
/>,
),
).toMatchInlineSnapshot(
`"<div data-testid="label-group" class="co-label-group metadata-labels-group" data-num-labels="10"><span data-testid="label" class="co-m-deployment co-m-expand co-label" data-color="blue" data-href="/search?kind=Deployment&q=app=frontend"><span class="co-label__key" data-test="label-key">app</span><span class="co-label__eq">=</span><span class="co-label__value">frontend</span></span><span data-testid="label" class="co-m-deployment co-m-expand co-label" data-color="blue" data-href="/search?kind=Deployment&q=tier=web"><span class="co-label__key" data-test="label-key">tier</span><span class="co-label__eq">=</span><span class="co-label__value">web</span></span><span data-testid="label" class="co-m-deployment co-m-expand co-label" data-color="blue" data-href="/search?kind=Deployment&q=version=v1"><span class="co-label__key" data-test="label-key">version</span><span class="co-label__eq">=</span><span class="co-label__value">v1</span></span></div>"`,
);
});
it('renders label without value', () => {
expect(
renderToStaticMarkup(<MetadataLabels kind="Pod" labels={{ 'no-value-label': '' }} />),
).toMatchInlineSnapshot(
`"<div data-testid="label-group" class="co-label-group metadata-labels-group" data-num-labels="10"><span data-testid="label" class="co-m-pod co-m-expand co-label" data-color="blue" data-href="/search?kind=Pod&q=no-value-label"><span class="co-label__key" data-test="label-key">no-value-label</span></span></div>"`,
);
});
it('renders with a custom numLabels', () => {
expect(
renderToStaticMarkup(
<MetadataLabels kind="Deployment" labels={{ app: 'frontend' }} numLabels={3} />,
),
).toMatchInlineSnapshot(
`"<div data-testid="label-group" class="co-label-group metadata-labels-group" data-num-labels="3"><span data-testid="label" class="co-m-deployment co-m-expand co-label" data-color="blue" data-href="/search?kind=Deployment&q=app=frontend"><span class="co-label__key" data-test="label-key">app</span><span class="co-label__eq">=</span><span class="co-label__value">frontend</span></span></div>"`,
);
});
});