mirror of
https://github.com/grafana/grafana.git
synced 2025-02-20 11:48:34 -06:00
cc7c54be0e
* feat(catalog): lazy load and add alt text to plugin logos * refactor(catalog): use plugin types, make sure data is available for new ui * test(catalog): fix up tests after types refactor * feat(catalog): introduce Tile and PluginBadge components for ui updates * refactor(catalog): update PluginList to use new components, lazy load images, add creditcard icon * test(catalog): update Browse.test types * fix(catalog): if local and remote make sure to get the correct local plugin from array * refactor(catalog): prefer grafana/ui components over custom Tile component * chore(catalog): delete redundant components * feat(catalog): introduce ascending descending name sort for Browse * refactor(catalog): prefer theme spacing over hardcoded values * refactor(catalog): update Local and Remote plugin types to match api responses * fix(catalog): prefer local.hasUpdate and local.signature so updateable plugin signature is valid * test(catalog): update test plugin mocks * test(catalog): add tests for sorting and categorise * test(catalog): add tests for plugin cards, remove grid component * test(catalog): add tests for PluginBadges component * refactor(catalog): change enterprise learn more link to open plugin page on website
70 lines
2.2 KiB
TypeScript
70 lines
2.2 KiB
TypeScript
import React from 'react';
|
|
import { render, screen } from '@testing-library/react';
|
|
import { PluginSignatureStatus } from '@grafana/data';
|
|
import { PluginBadges } from './PluginBadges';
|
|
import { CatalogPlugin } from '../types';
|
|
|
|
const runtimeMock = jest.requireMock('@grafana/runtime');
|
|
|
|
jest.mock('@grafana/runtime', () => ({
|
|
config: {
|
|
licenseInfo: {
|
|
hasValidLicense: false,
|
|
},
|
|
},
|
|
}));
|
|
|
|
describe('PluginBadges', () => {
|
|
const plugin: CatalogPlugin = {
|
|
description: 'The test plugin',
|
|
downloads: 5,
|
|
id: 'test-plugin',
|
|
info: {
|
|
logos: {
|
|
small: 'https://grafana.com/api/plugins/test-plugin/versions/0.0.10/logos/small',
|
|
large: 'https://grafana.com/api/plugins/test-plugin/versions/0.0.10/logos/large',
|
|
},
|
|
},
|
|
name: 'Testing Plugin',
|
|
orgName: 'Test',
|
|
popularity: 0,
|
|
signature: PluginSignatureStatus.valid,
|
|
publishedAt: '2020-09-01',
|
|
updatedAt: '2021-06-28',
|
|
version: '1.0.0',
|
|
hasUpdate: false,
|
|
isInstalled: false,
|
|
isCore: false,
|
|
isDev: false,
|
|
isEnterprise: false,
|
|
};
|
|
|
|
it('renders a plugin signature badge', () => {
|
|
render(<PluginBadges plugin={plugin} />);
|
|
|
|
expect(screen.getByText(/signed/i)).toBeVisible();
|
|
});
|
|
|
|
it('renders an installed badge', () => {
|
|
render(<PluginBadges plugin={{ ...plugin, isInstalled: true }} />);
|
|
|
|
expect(screen.getByText(/signed/i)).toBeVisible();
|
|
expect(screen.getByText(/installed/i)).toBeVisible();
|
|
});
|
|
|
|
it('renders an enterprise badge (when a license is valid)', () => {
|
|
runtimeMock.config.licenseInfo.hasValidLicense = true;
|
|
render(<PluginBadges plugin={{ ...plugin, isEnterprise: true }} />);
|
|
expect(screen.getByText(/enterprise/i)).toBeVisible();
|
|
expect(screen.queryByRole('button', { name: /learn more/i })).not.toBeInTheDocument();
|
|
});
|
|
|
|
it('renders an enterprise badge with icon and link (when a license is invalid)', () => {
|
|
runtimeMock.config.licenseInfo.hasValidLicense = false;
|
|
render(<PluginBadges plugin={{ ...plugin, isEnterprise: true }} />);
|
|
expect(screen.getByText(/enterprise/i)).toBeVisible();
|
|
expect(screen.getByLabelText(/lock icon/i)).toBeInTheDocument();
|
|
expect(screen.getByRole('button', { name: /learn more/i })).toBeInTheDocument();
|
|
});
|
|
});
|