diff --git a/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx b/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx
index 6b940d6841c..53c07ba172b 100644
--- a/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx
+++ b/packages/react-core/src/components/Divider/__tests__/Divider.test.tsx
@@ -1,34 +1,98 @@
-import { Divider } from '../Divider';
-import { Flex, FlexItem } from '../../../layouts/Flex';
import * as React from 'react';
-import { render } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
+import { Divider } from '../Divider';
-test('divider using hr', () => {
- const { asFragment } = render();
- expect(asFragment()).toMatchSnapshot();
+test('Renders with only the class pf-v5-c-divider by default', () => {
+ render();
+ expect(screen.getByTestId('divider')).toHaveClass('pf-v5-c-divider', { exact: true });
});
-test('divider using li', () => {
- const { asFragment } = render();
- expect(asFragment()).toMatchSnapshot();
+test('Renders with horizontal rule by default', () => {
+ render();
+ expect(screen.getByRole('separator')).toContainHTML('
');
});
-test('divider using div', () => {
- const { asFragment } = render();
- expect(asFragment()).toMatchSnapshot();
+test('Renders with vertical divider', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-vertical');
+});
+
+test('Renders with li', () => {
+ render();
+ expect(screen.getByRole('separator')).toContainHTML('');
+});
+
+test('Renders with div', () => {
+ render();
+ expect(screen.getByRole('separator')).toContainHTML('');
});
-test('vertical divider', () => {
- const { asFragment } = render(
-
- first item
-
- second item
-
- );
+test('Test default orientation', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-vertical');
+});
+
+test('Test sm orientation', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-horizontal-on-sm');
+});
+
+test('Test md orientation', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-vertical-on-md');
+});
+
+test('Test lg orientation', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-horizontal-on-lg');
+});
+
+test('Test xl orientation', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-vertical-on-xl');
+});
+
+test('Test 2xl orientation', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-horizontal-on-2xl');
+});
+
+test('Test default inset', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-inset-none');
+});
+
+test('Test sm inset', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-inset-sm-on-sm');
+});
+
+test('Test md inset', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-inset-md-on-md');
+});
+
+test('Test lg inset', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-inset-lg-on-lg');
+});
+
+test('Test xl inset', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-inset-xl-on-xl');
+});
+
+test('Test 2xl inset', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-inset-2xl-on-2xl');
+});
+
+test('Test 3xl on 2xl inset', () => {
+ render();
+ expect(screen.getByRole('separator')).toHaveClass('pf-m-inset-3xl-on-2xl');
+});
+
+test('Matches the snapshot', () => {
+ const { asFragment } = render();
expect(asFragment()).toMatchSnapshot();
});
diff --git a/packages/react-core/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap b/packages/react-core/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap
index 03b490d6b5b..1821213154b 100644
--- a/packages/react-core/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap
+++ b/packages/react-core/src/components/Divider/__tests__/__snapshots__/Divider.test.tsx.snap
@@ -1,49 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
-exports[`divider using div 1`] = `
-
-
-
-`;
-
-exports[`divider using hr 1`] = `
+exports[`Matches the snapshot 1`] = `
`;
-
-exports[`divider using li 1`] = `
-
-
-
-`;
-
-exports[`vertical divider 1`] = `
-
-
-
- first item
-
-
-
- second item
-
-
-
-`;