From bb2a9121983008deba8a6476d5a5e21431a0a9e9 Mon Sep 17 00:00:00 2001
From: anuujj <anujk8097@gmail.com>
Date: Tue, 9 Jul 2024 01:33:50 +0530
Subject: [PATCH] test case added

---
 .../mui-material/src/Divider/Divider.test.js  | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/packages/mui-material/src/Divider/Divider.test.js b/packages/mui-material/src/Divider/Divider.test.js
index 57f7fbc689a643..569f01fa9d9545 100644
--- a/packages/mui-material/src/Divider/Divider.test.js
+++ b/packages/mui-material/src/Divider/Divider.test.js
@@ -3,9 +3,17 @@ import { expect } from 'chai';
 import { createRenderer } from '@mui/internal-test-utils';
 import Divider, { dividerClasses as classes } from '@mui/material/Divider';
 import describeConformance from '../../test/describeConformance';
+import { styled } from '..';
 
 describe('<Divider />', () => {
   const { render } = createRenderer();
+  const StyledDivider = styled(Divider)(() => ({
+    '&::before': {
+      width: '4.75rem',
+      flex: '0 0 3.75rem',
+    },
+    borderStyle: `dashed`,
+  }));
 
   describeConformance(<Divider />, () => ({
     classes,
@@ -83,6 +91,30 @@ describe('<Divider />', () => {
         expect(container.querySelectorAll(`.${classes.textAlignLeft}`).length).to.equal(0);
       });
     });
+
+    describe('styled border: borderStyle dashed', () => {
+      before(function beforeHook() {
+        if (/jsdom/.test(window.navigator.userAgent)) {
+          this.skip();
+        }
+      });
+
+      it('should set the border-style dashed in before and after pseudoclass', () => {
+        const { container } = render(<StyledDivider>content</StyledDivider>);
+        getComputedStyle(container.firstChild, '::before')
+          .getPropertyValue('border-top-style')
+          .should.equal('dashed');
+        getComputedStyle(container.firstChild, '::before')
+          .getPropertyValue('border-left-style')
+          .should.equal('dashed');
+        getComputedStyle(container.firstChild, '::after')
+          .getPropertyValue('border-top-style')
+          .should.equal('dashed');
+        getComputedStyle(container.firstChild, '::after')
+          .getPropertyValue('border-left-style')
+          .should.equal('dashed');
+      });
+    });
   });
 
   describe('prop: variant', () => {