3 files changed, 44 insertions, 0 deletions
diff --git a/tests/indent/jsx/element_attributes.jsx b/tests/indent/jsx/element_attributes.jsx
new file mode 100644
index 000000000..45aeeacca
--- /dev/null
+++ b/tests/indent/jsx/element_attributes.jsx
@@ -0,0 +1,18 @@
+export default function Home() {
+  return (
+    <>
+      <Button
+        style={{ 
+          color: 'blue', 
+        }}
+        disabled
+      >
+      </Button>
+      <Button
+        style={{
+          color: 'blue',
+        }}
+      />
+    </>
+  )
+}
diff --git a/tests/indent/jsx/issue-3986.jsx b/tests/indent/jsx/issue-3986.jsx
new file mode 100644
index 000000000..8306e394e
--- /dev/null
+++ b/tests/indent/jsx/issue-3986.jsx
@@ -0,0 +1,10 @@
+export default function Home() {
+  return (
+    <>
+      <div>
+        <p>This is a test</p>
+      </div>
+      <Button/>
+    </>
+  )
+}
diff --git a/tests/indent/jsx/jsx_expression.jsx b/tests/indent/jsx/jsx_expression.jsx
new file mode 100644
index 000000000..a45896ce2
--- /dev/null
+++ b/tests/indent/jsx/jsx_expression.jsx
@@ -0,0 +1,16 @@
+export default function Home() {
+  return (
+    <>
+      <Button
+        style={
+        }
+      >
+      </Button>
+      <Button
+        style={{
+          color: 'blue',
+        }}
+      />
+    </>
+  )
+}