paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 34 Packages Projects Releases Wiki Activity

Add Sentry plugin front-end

Browse Source
This commit is contained in:
Wojciech Adaszynski
2020-05-15 14:50:15 +02:00
parent f8ee87ce1d
commit 3d4249b673
26 changed files with 877 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
plugins/sentry/src/components/ErrorCell/ErrorCell.test.tsx
+46
View File
@@ -0,0 +1,46 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { ErrorCell } from './ErrorCell';
import React from 'react';
import { render } from '@testing-library/react';
import mockIssue from '../../data/sentry-issue-mock.json';
import { ThemeProvider } from '@material-ui/styles';
import { lightTheme } from '@backstage/theme';
describe('Sentry error cell component', () => {
it('should render a link that lead to Sentry', async () => {
const testIssue = {
...mockIssue,
metadata: {
type: 'Exception',
value: 'exception was thrown',
},
count: '1',
userCount: 2,
permalink: 'http://example.com',
};
const cell = render(
<ThemeProvider theme={lightTheme}>
<ErrorCell sentryIssue={testIssue} />
</ThemeProvider>,
);
const errorType = await cell.findByText('Exception');
expect(errorType.closest('a')).toHaveAttribute(
'href',
'http://example.com',
);
});
});
plugins/sentry/src/components/ErrorCell/ErrorCell.tsx
+53
View File
@@ -0,0 +1,53 @@
import React, { FC } from 'react';
import { SentryIssue } from '../../data/sentry-issue';
import { Link, Typography } from '@material-ui/core';
import { makeStyles } from '@material-ui/core/styles';
import { BackstageTheme } from '@backstage/theme';
function stripText(text: string, maxLength: number) {
return text.length > maxLength ? `${text.substr(0, maxLength)}...` : text;
}
const useStyles = makeStyles<BackstageTheme>(theme => ({
root: {
minWidth: 260,
position: 'relative',
'&::before': {
left: -16,
position: 'absolute',
width: '4px',
height: '100%',
content: '""',
backgroundColor: theme.palette.status.error,
borderRadius: 2,
},
},
text: {
marginBottom: 0,
},
}));
export const ErrorCell: FC<{ sentryIssue: SentryIssue }> = ({
sentryIssue,
}) => {
const classes = useStyles();
return (
<div className={classes.root}>
<Link href={sentryIssue.permalink}>
<Typography variant="body1" gutterBottom className={classes.text}>
{sentryIssue.metadata.type
? stripText(sentryIssue.metadata.type, 28)
: '[No type]'}
</Typography>
</Link>
<Typography
variant="caption"
display="block"
gutterBottom
className={classes.text}
>
{sentryIssue.metadata.value &&
stripText(sentryIssue.metadata.value, 48)}
</Typography>
</div>
);
};
plugins/sentry/src/components/ErrorGraph/ErrorGraph.tsx
+33
View File
@@ -0,0 +1,33 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React, { FC } from 'react';
import { SentryIssue } from '../../data/sentry-issue';
import { Sparklines, SparklinesBars } from 'react-sparklines';
export const ErrorGraph: FC<{ sentryIssue: SentryIssue }> = ({
sentryIssue,
}) => {
const data =
'12h' in sentryIssue.stats
? sentryIssue.stats['12h']
: sentryIssue.stats['24h'];
return (
<Sparklines data={data?.map(([, val]) => val)} svgHeight={48} margin={4}>
<SparklinesBars />
</Sparklines>
);
};
plugins/sentry/src/components/SentryIssuesTable/SentryIssuesTable.test.tsx
+71
View File
@@ -0,0 +1,71 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React from 'react';
import { render } from '@testing-library/react';
import SentryIssuesTable from './SentryIssuesTable';
import { SentryIssue } from '../../data/sentry-issue';
import mockIssue from '../../data/sentry-issue-mock.json';
import { ThemeProvider } from '@material-ui/styles';
import { lightTheme } from '@backstage/theme';
describe('SentryIssuesTable', () => {
it('should render headers in a table', async () => {
const issues: SentryIssue[] = [
{
...mockIssue,
metadata: {
type: 'Exception',
value: 'exception was thrown',
},
count: '1',
userCount: 2,
},
];
const table = await render(
<ThemeProvider theme={lightTheme}>
<SentryIssuesTable sentryIssues={issues} />
</ThemeProvider>,
);
expect(await table.findByText('Error')).toBeInTheDOM();
expect(await table.findByText('Graph')).toBeInTheDOM();
expect(await table.findByText('First seen')).toBeInTheDOM();
expect(await table.findByText('Last seen')).toBeInTheDOM();
expect(await table.findByText('Events')).toBeInTheDOM();
expect(await table.findByText('Users')).toBeInTheDOM();
});
it('should render values in a table', async () => {
const issues: SentryIssue[] = [
{
...mockIssue,
metadata: {
type: 'Exception',
value: 'exception was thrown',
},
count: '101',
userCount: 202,
},
];
const table = await render(
<ThemeProvider theme={lightTheme}>
<SentryIssuesTable sentryIssues={issues} />
</ThemeProvider>,
);
expect(await table.findByText('Exception')).toBeInTheDOM();
expect(await table.findByText('exception was thrown')).toBeInTheDOM();
expect(await table.findByText('101')).toBeInTheDOM();
expect(await table.findByText('202')).toBeInTheDOM();
});
});
plugins/sentry/src/components/SentryIssuesTable/SentryIssuesTable.tsx
+74
View File
@@ -0,0 +1,74 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React, { FC } from 'react';
import { Table, TableColumn } from '@backstage/core';
import { SentryIssue } from '../../data/sentry-issue';
import { format } from 'timeago.js';
import { ErrorCell } from '../ErrorCell/ErrorCell';
import { ErrorGraph } from '../ErrorGraph/ErrorGraph';
const columns: TableColumn[] = [
{
title: 'Error',
render: (data) => <ErrorCell sentryIssue={data as SentryIssue} />,
},
{
title: 'Graph',
render: (data) => <ErrorGraph sentryIssue={data as SentryIssue} />,
},
{
title: 'First seen',
field: 'firstSeen',
render: (data) => {
const { firstSeen } = data as SentryIssue;
return format(firstSeen);
},
},
{
title: 'Last seen',
field: 'lastSeen',
render: (data) => {
const { lastSeen } = data as SentryIssue;
return format(lastSeen);
},
},
{
title: 'Events',
field: 'count',
},
{
title: 'Users',
field: 'userCount',
},
];
type SentryIssuesTableProps = {
sentryIssues: SentryIssue[];
};
const SentryIssuesTable: FC<SentryIssuesTableProps> = ({ sentryIssues }) => {
return (
<Table
columns={columns}
options={{ paging: true, search: false, pageSize: 5 }}
title="Sentry issues"
data={sentryIssues}
/>
);
};
export default SentryIssuesTable;
plugins/sentry/src/components/SentryPluginPage/SentryPluginPage.test.tsx
+36
View File
@@ -0,0 +1,36 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React from 'react';
import { render } from '@testing-library/react';
import mockFetch from 'jest-fetch-mock';
import SentryPluginPage from './SentryPluginPage';
import { ThemeProvider } from '@material-ui/core';
import { lightTheme } from '@backstage/theme';
describe('SentryPluginPage', () => {
it('should render header and time switched', () => {
mockFetch.mockResponse(() => new Promise(() => {}));
const rendered = render(
<ThemeProvider theme={lightTheme}>
<SentryPluginPage />
</ThemeProvider>,
);
expect(rendered.getByText('Sentry issues')).toBeInTheDocument();
expect(rendered.getByText('24H')).toBeInTheDocument();
expect(rendered.getByText('12H')).toBeInTheDocument();
});
});
plugins/sentry/src/components/SentryPluginPage/SentryPluginPage.tsx
+70
View File
@@ -0,0 +1,70 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React, { FC, useState } from 'react';
import { Grid } from '@material-ui/core';
import {
Header,
Page,
pageTheme,
Content,
ContentHeader,
SupportButton,
} from '@backstage/core';
import SentryPluginWidget from '../SentryPluginWidget/SentryPluginWidget';
import { ToggleButton, ToggleButtonGroup } from '@material-ui/lab';
const SentryPluginPage: FC<{}> = () => {
const [statsFor, setStatsFor] = useState<'12h' | '24h'>('12h');
const toggleStatsFor = () =>
statsFor === '12h' ? setStatsFor('24h') : setStatsFor('12h');
return (
<Page theme={pageTheme.tool}>
<Header title="Welcome to Sentry Plugin!">
<ToggleButtonGroup
value={statsFor}
exclusive
onChange={toggleStatsFor}
aria-label="text alignment"
>
<ToggleButton value="24h" aria-label="left aligned">
24H
</ToggleButton>
<ToggleButton value="12h" aria-label="left aligned">
12H
</ToggleButton>
</ToggleButtonGroup>
</Header>
<Content>
<ContentHeader title="Issue on Sentry">
<SupportButton>
Sentry plugin allows you to preview issues and navigate to sentry.
</SupportButton>
</ContentHeader>
<Grid container spacing={3} direction="column">
<Grid item>
<SentryPluginWidget
sentryProjectId="home-hub"
statsFor={statsFor}
/>
</Grid>
</Grid>
</Content>
</Page>
);
};
export default SentryPluginPage;
plugins/sentry/src/components/SentryPluginPage/index.ts
+17
View File
@@ -0,0 +1,17 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
export { default } from './SentryPluginPage';
plugins/sentry/src/components/SentryPluginWidget/SentryPluginWidget.tsx
+59
View File
@@ -0,0 +1,59 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import React, { FC, useEffect } from 'react';
import {
ErrorApi,
errorApiRef,
InfoCard,
Progress,
useApi,
} from '@backstage/core';
import SentryIssuesTable from '../SentryIssuesTable/SentryIssuesTable';
import { useAsync } from 'react-use';
import { sentryApiFactory } from '../../data/api-factory';
const api = sentryApiFactory('spotify');
const SentryPluginWidget: FC<{
sentryProjectId: string;
statsFor: '24h' | '12h';
}> = ({ sentryProjectId, statsFor }) => {
const errorApi = useApi<ErrorApi>(errorApiRef);
const { loading, value, error } = useAsync(
() => api.fetchIssues(sentryProjectId, statsFor),
[statsFor, sentryProjectId],
);
useEffect(() => {
if (error) {
errorApi.post(error);
}
}, [error]);
if (loading) {
return (
<InfoCard title="Sentry issues">
<Progress />
</InfoCard>
);
}
return <SentryIssuesTable sentryIssues={value || []} />;
};
export default SentryPluginWidget;
plugins/sentry/src/data/api-factory.ts
+25
View File
@@ -0,0 +1,25 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { SentryApi } from './sentry-api';
import { MockSentryApi } from './mock-api';
import { ProductionSentryApi } from './production-api';
export function sentryApiFactory(organization: string): SentryApi {
if (process.env.NODE_ENV === 'production') {
return new ProductionSentryApi(organization);
}
return new MockSentryApi();
}
plugins/sentry/src/data/mock-api.ts
+41
View File
@@ -0,0 +1,41 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { SentryIssue } from './sentry-issue';
import { SentryApi } from './sentry-api';
import mockData from './sentry-issue-mock.json';
function getMockIssue(): SentryIssue {
const randomizedStats = {
'12h': new Array(12)
.fill(0)
.map(() => [0, Math.floor(Math.random() * 100)]),
};
return {
...mockData,
userCount: Math.floor(Math.random() * 1000),
stats: randomizedStats,
};
}
function getMockIssues(number: number): SentryIssue[] {
return new Array(number).fill(0).map(getMockIssue);
}
export class MockSentryApi implements SentryApi {
fetchIssues(project: string, statsFor: string): Promise<SentryIssue[]> {
console.info('Fetching mock responses for', project, statsFor);
return new Promise((resolve) => {
setTimeout(() => resolve(getMockIssues(14)), 800);
});
}
}
plugins/sentry/src/data/production-api.ts
+46
View File
@@ -0,0 +1,46 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { SentryIssue } from './sentry-issue';
import { SentryApi } from './sentry-api';
const API_BASE_URL = 'http://localhost:7000/sentry/api/0/projects/';
export class ProductionSentryApi implements SentryApi {
private organization: string;
constructor(organization: string) {
this.organization = organization;
}
async fetchIssues(project: string, statsFor: string): Promise<SentryIssue[]> {
try {
const response = await fetch(
`${API_BASE_URL}/${this.organization}/${project}/issues/?statsFor=${statsFor}`,
);
if (response.status >= 400 && response.status < 600) {
throw new Error('Failed fetching Sentry issues');
}
return (await response.json()) as SentryIssue[];
} catch (exception) {
if (exception.detail) {
return exception;
}
throw new Error('Unknown error');
}
}
}
plugins/sentry/src/data/sentry-api.ts
+20
View File
@@ -0,0 +1,20 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { SentryIssue } from './sentry-issue';
export interface SentryApi {
fetchIssues(project: string, statsFor: string): Promise<SentryIssue[]>;
}
plugins/sentry/src/data/sentry-issue-mock.json
+61
View File
@@ -0,0 +1,61 @@
{
"platform": "javascript",
"lastSeen": "2020-05-15T09:17:17.384804Z",
"numComments": 0,
"userCount": 0,
"stats": {
"12h": [
[1589450400, 7],
[1589454000, 2],
[1589457600, 6],
[1589461200, 8],
[1589464800, 9],
[1589468400, 11],
[1589472000, 4],
[1589475600, 19],
[1589479200, 3],
[1589482800, 24],
[1589486400, 8],
[1589490000, 5],
[1589493600, 5],
[1589497200, 10],
[1589500800, 16],
[1589504400, 24],
[1589508000, 24],
[1589511600, 54],
[1589515200, 4],
[1589518800, 7],
[1589522400, 4],
[1589526000, 4],
[1589529600, 13],
[1589533200, 1]
]
},
"culprit": "https://www.example.com/de/account//",
"title": "TypeError: Failed to fetch",
"id": "991214716",
"assignedTo": null,
"logger": null,
"type": "error",
"annotations": [],
"metadata": { "type": "TypeError", "value": "Failed to fetch" },
"status": "unresolved",
"subscriptionDetails": null,
"isPublic": false,
"hasSeen": true,
"shortId": "example-slug-21",
"shareId": null,
"firstSeen": "2019-04-18T23:36:40.988000Z",
"count": "169815",
"permalink": "https://sentry.io/organizations/example/issues/99176416/",
"level": "error",
"isSubscribed": false,
"isBookmarked": false,
"project": {
"platform": "javascript-react",
"slug": "example-slug",
"id": "1282343",
"name": "example-slug"
},
"statusDetails": {}
}
plugins/sentry/src/data/sentry-issue.ts
+69
View File
@@ -0,0 +1,69 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
type SentryPlatform = 'javascript' | 'javascript-react' | string;
type EventPoint = number[];
type SentryProject = {
platform: SentryPlatform;
slug: string;
id: string;
name: string;
};
type SentryIssueMetadata = {
function?: string;
type?: string;
value?: string;
filename?: string;
};
export type SentryIssue = {
platform: SentryPlatform;
lastSeen: string;
numComments: number;
userCount: number;
stats: {
'24h'?: EventPoint[];
'12h'?: EventPoint[];
};
culprit: string;
title: string;
id: string;
assignedTo: any;
logger: any;
type: string;
annotations: any[];
metadata: SentryIssueMetadata;
status: string;
subscriptionDetails: any;
isPublic: boolean;
hasSeen: boolean;
shortId: string;
shareId: string | null;
firstSeen: string;
count: string;
permalink: string;
level: string;
isSubscribed: boolean;
isBookmarked: boolean;
project: SentryProject;
statusDetails: any;
};
export type SentryApiError = {
detail: string;
};
plugins/sentry/src/index.ts
+18
View File
@@ -0,0 +1,18 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
export { plugin } from './plugin';
export { default as SentryIssuesWidget } from './components/SentryPluginWidget/SentryPluginWidget';
plugins/sentry/src/plugin.test.ts
+23
View File
@@ -0,0 +1,23 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { plugin } from './plugin';
describe('sentry', () => {
it('should export plugin', () => {
expect(plugin).toBeDefined();
});
});
plugins/sentry/src/plugin.ts
+25
View File
@@ -0,0 +1,25 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { createPlugin } from '@backstage/core';
import SentryPluginPage from './components/SentryPluginPage';
export const plugin = createPlugin({
id: 'sentry',
register({ router }) {
router.registerRoute('/sentry', SentryPluginPage);
},
});
plugins/sentry/src/setupTests.ts
+18
View File
@@ -0,0 +1,18 @@
/*
* Copyright 2020 Spotify AB
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import '@testing-library/jest-dom/extend-expect';
require('jest-fetch-mock').enableMocks();