import React from 'react'; import { render, screen } from '../../test-utils'; import Body from '../../../pb_body/_body'; const testSubject = 'body'; test('Hover Props: returns proper class name', () => { const testIdColor = `${testSubject}-hover-color-red`; render( ); let kit = screen.getByTestId(testIdColor); let expectedClassName = `hover_color-red`; expect(kit).toHaveClass(expectedClassName); const testIdBackground = `${testSubject}-hover-background-blue`; render( ); kit = screen.getByTestId(testIdBackground); expectedClassName = `hover_background-blue`; expect(kit).toHaveClass(expectedClassName); const testIdShadow = `${testSubject}-hover-shadow-deep`; render( ); kit = screen.getByTestId(testIdShadow); expectedClassName = `hover_shadow_deep`; expect(kit).toHaveClass(expectedClassName); const testIdScale = `${testSubject}-hover-scale`; render( ); kit = screen.getByTestId(testIdScale); expectedClassName = `hover_scale_xl`; expect(kit).toHaveClass(expectedClassName); const testIdUnderline = `${testSubject}-hover-underline`; render( ); kit = screen.getByTestId(testIdUnderline); expectedClassName = `hover_underline`; expect(kit).toHaveClass(expectedClassName); const testIdMultiple = `${testSubject}-hover-multiple`; render( ); kit = screen.getByTestId(testIdMultiple); expect(kit).toHaveClass('hover_color-green'); expect(kit).toHaveClass('hover_background-error'); expect(kit).toHaveClass('hover_shadow_deeper'); expect(kit).toHaveClass('hover_scale_xl'); expect(kit).toHaveClass('hover_underline'); });