mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2024-11-22 08:46:39 -06:00
102e0a9839
- Remove the SCSS dependency completely and use MUI for theming. - Update - date-fns, @date-io, notistack. Remove - popper.js, sass-loader. - Cleanup webpack config. - Port PSQL tool to use MUI themes instead of SCSS theme. - Theme change will reflect realtime without refreshing pgAdmin.
42 lines
1.5 KiB
JavaScript
42 lines
1.5 KiB
JavaScript
/////////////////////////////////////////////////////////////
|
|
//
|
|
// pgAdmin 4 - PostgreSQL Tools
|
|
//
|
|
// Copyright (C) 2013 - 2024, The pgAdmin Development Team
|
|
// This software is released under the PostgreSQL Licence
|
|
//
|
|
//////////////////////////////////////////////////////////////
|
|
|
|
import React from 'react';
|
|
|
|
import { withTheme } from '../fake_theme';
|
|
import InfoIcon from '@mui/icons-material/InfoRounded';
|
|
|
|
|
|
import {PrimaryButton, DefaultButton, PgIconButton} from 'sources/components/Buttons';
|
|
import { render, screen } from '@testing-library/react';
|
|
|
|
/* MUI Components need to be wrapped in Theme for theme vars */
|
|
describe('components Buttons', ()=>{
|
|
it('PrimaryButton', ()=>{
|
|
let ThemedBtn = withTheme(PrimaryButton);
|
|
render(<ThemedBtn>Test</ThemedBtn>);
|
|
expect(screen.getByRole('button').classList.contains('MuiButton-containedPrimary')).toBe(true);
|
|
});
|
|
|
|
it('DefaultButton', ()=>{
|
|
let ThemedBtn = withTheme(DefaultButton);
|
|
render(<ThemedBtn className="testClass">Test</ThemedBtn>);
|
|
const btn = screen.getByRole('button');
|
|
expect(btn.classList.contains('MuiButton-outlined')).toBe(true);
|
|
expect(btn.classList.contains('testClass')).toBe(true);
|
|
});
|
|
|
|
it('PgIconButton', ()=>{
|
|
let Icon = <InfoIcon data-testid="info-icon" />;
|
|
let ThemedBtn = withTheme(PgIconButton);
|
|
render(<ThemedBtn title="The icon button" icon={Icon} className="testClass"></ThemedBtn>);
|
|
expect(screen.getByTestId('info-icon')).not.toBe(null);
|
|
});
|
|
});
|