opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-08-01 12:42:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Grafana UI: EmotionPerfTest - Replace VerticalGroup with Stack (#86588)

Browse Source
This commit is contained in:
Laura Fernández
2024-04-19 12:55:04 +02:00
committed by GitHub
parent 7404a631f6
commit 9878dfb7d9
2 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.betterer.results
View File

@ -958,9 +958,6 @@ exports[`better eslint`] = {
"packages/grafana-ui/src/components/Text/Text.story.tsx:5381": [
[0, 0, 0, "\'VerticalGroup\' import from \'../Layout/Layout\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
],
"packages/grafana-ui/src/components/ThemeDemos/EmotionPerfTest.tsx:5381": [
[0, 0, 0, "\'VerticalGroup\' import from \'../Layout/Layout\' is restricted from being used by a pattern. Use Stack component instead.", "0"]
],
"packages/grafana-ui/src/components/ValuePicker/ValuePicker.tsx:5381": [
[0, 0, 0, "Use data-testid for E2E selectors instead of aria-label", "0"]
],

6
packages/grafana-ui/src/components/ThemeDemos/EmotionPerfTest.tsx
View File

@ -9,13 +9,13 @@ import { GrafanaTheme2 } from '@grafana/data';
import { useStyles2, useTheme2 } from '../../themes';
import { Button } from '../Button';
import { VerticalGroup } from '../Layout/Layout';
import { Stack } from '../Layout/Stack/Stack';
export function EmotionPerfTest() {
console.log('process.env.NODE_ENV', process.env.NODE_ENV);
return (
<VerticalGroup>
<Stack direction="column">
<div>Emotion performance tests</div>
<TestScenario name="No styles" Component={NoStyles} />
<TestScenario name="inline emotion/css" Component={InlineEmotionCSS} />
@ -24,7 +24,7 @@ export function EmotionPerfTest() {
<TestScenario name="useStyles with css prop" Component={UseStylesWithCSSProp} />
<TestScenario name="useStyles with conditional css prop" Component={UseStylesWithConditionalCSS} />
<TestScenario name="useStyles with conditional classnames" Component={UseStylesWithConditionalClassNames} />
</VerticalGroup>
</Stack>
);
}