From 8d00f65e96987fef1351a444c9d04beb2a60fda6 Mon Sep 17 00:00:00 2001
From: Jonathan Reinink <jonathan@reinink.ca>
Date: Wed, 29 Sep 2021 08:09:16 -0400
Subject: [PATCH] Add arbitrary value tests for scroll margin and padding

Co-Authored-By: Adam Wathan <4323180+adamwathan@users.noreply.github.com>
---
 tests/arbitrary-values.test.css  | 52 ++++++++++++++++++++++++++++++++
 tests/arbitrary-values.test.html | 18 +++++++++++
 2 files changed, 70 insertions(+)

diff --git a/tests/arbitrary-values.test.css b/tests/arbitrary-values.test.css
index 7bb79dbb6fa2..b7c9a93fe567 100644
--- a/tests/arbitrary-values.test.css
+++ b/tests/arbitrary-values.test.css
@@ -307,6 +307,58 @@
 .cursor-\[var\(--value\)\] {
   cursor: var(--value);
 }
+.scroll-m-\[7px\] {
+  scroll-margin: 7px;
+}
+.scroll-mx-\[7px\] {
+  scroll-margin-left: 7px;
+  scroll-margin-right: 7px;
+}
+.scroll-my-\[7px\] {
+  scroll-margin-top: 7px;
+  scroll-margin-bottom: 7px;
+}
+.scroll-mt-\[7px\] {
+  scroll-margin-top: 7px;
+}
+.scroll-mr-\[7px\] {
+  scroll-margin-right: 7px;
+}
+.scroll-mb-\[7px\] {
+  scroll-margin-bottom: 7px;
+}
+.scroll-ml-\[7px\] {
+  scroll-margin-left: 7px;
+}
+.scroll-mt-\[var\(--scroll-margin\)\] {
+  scroll-margin-top: var(--scroll-margin);
+}
+.scroll-p-\[7px\] {
+  scroll-padding: 7px;
+}
+.scroll-px-\[7px\] {
+  scroll-padding-left: 7px;
+  scroll-padding-right: 7px;
+}
+.scroll-py-\[7px\] {
+  scroll-padding-top: 7px;
+  scroll-padding-bottom: 7px;
+}
+.scroll-pt-\[7px\] {
+  scroll-padding-top: 7px;
+}
+.scroll-pr-\[7px\] {
+  scroll-padding-right: 7px;
+}
+.scroll-pb-\[7px\] {
+  scroll-padding-bottom: 7px;
+}
+.scroll-pl-\[7px\] {
+  scroll-padding-left: 7px;
+}
+.scroll-pt-\[var\(--scroll-padding\)\] {
+  scroll-padding-top: var(--scroll-padding);
+}
 .list-\[\'\\1f44d\'\] {
   list-style-type: '\1F44D';
 }
diff --git a/tests/arbitrary-values.test.html b/tests/arbitrary-values.test.html
index 651aa68c856c..1728fde30ea8 100644
--- a/tests/arbitrary-values.test.html
+++ b/tests/arbitrary-values.test.html
@@ -103,6 +103,24 @@
     <div class="animate-[pong_1s_cubic-bezier(0,0,0.2,1)_infinite]"></div>
     <div class="animate-[var(--value)]"></div>
 
+    <div class="scroll-m-[7px]"></div>
+    <div class="scroll-mx-[7px]"></div>
+    <div class="scroll-my-[7px]"></div>
+    <div class="scroll-mt-[7px]"></div>
+    <div class="scroll-mr-[7px]"></div>
+    <div class="scroll-mb-[7px]"></div>
+    <div class="scroll-ml-[7px]"></div>
+    <div class="scroll-mt-[var(--scroll-margin)]"></div>
+
+    <div class="scroll-p-[7px]"></div>
+    <div class="scroll-px-[7px]"></div>
+    <div class="scroll-py-[7px]"></div>
+    <div class="scroll-pt-[7px]"></div>
+    <div class="scroll-pr-[7px]"></div>
+    <div class="scroll-pb-[7px]"></div>
+    <div class="scroll-pl-[7px]"></div>
+    <div class="scroll-pt-[var(--scroll-padding)]"></div>
+
     <div class="cursor-[pointer]"></div>
     <div class="cursor-[url(hand.cur)_2_2,pointer]"></div>
     <div class="cursor-[var(--value)]"></div>