Add more tests for gap property within subgrid (#36965)
WebKit export of https://bugs.webkit.org/show_bug.cgi?id=245936
https://commits.webkit.org/256621@main
diff --git a/css/css-grid/subgrid/grid-gap-010-ref.html b/css/css-grid/subgrid/grid-gap-010-ref.html
new file mode 100644
index 0000000..8e13f6e
--- /dev/null
+++ b/css/css-grid/subgrid/grid-gap-010-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html><head>
+ <meta charset="utf-8">
+ <title>CSS Grid Test: Subgrids with empty tracks and column gap</title>
+ <link rel="author" title="Matt Woodrow" href="mailto:mattwoodrow@apple.com">
+ <link rel="help" href="https://drafts.csswg.org/css-grid-2">
+</head>
+<body>
+<div style="width:100px; height: 100px; background-color: blue; position:relative; left:50px;"></div>
+</body>
+</html>
diff --git a/css/css-grid/subgrid/grid-gap-010.html b/css/css-grid/subgrid/grid-gap-010.html
new file mode 100644
index 0000000..23d67b9
--- /dev/null
+++ b/css/css-grid/subgrid/grid-gap-010.html
@@ -0,0 +1,16 @@
+<!DOCTYPE HTML>
+<html><head>
+ <meta charset="utf-8">
+ <title>CSS Grid Test: Subgrids with empty tracks and column gap</title>
+ <link rel="author" title="Matt Woodrow" href="mailto:mattwoodrow@apple.com">
+ <link rel="help" href="https://drafts.csswg.org/css-grid-2">
+ <link rel="match" href="grid-gap-010-ref.html">
+</head>
+<body>
+<div style="display:grid; grid-template-columns: auto 200px; width: 200px">
+ <div style="display:grid; grid-template-columns: subgrid; gap: 100px; grid-column: span 2">
+ <div style="width:100px; height: 100px; background-color: blue; grid-column: 2"></div>
+ </div>
+</div>
+</body>
+</html>
diff --git a/css/css-grid/subgrid/grid-gap-011-ref.html b/css/css-grid/subgrid/grid-gap-011-ref.html
new file mode 100644
index 0000000..23bcdfa
--- /dev/null
+++ b/css/css-grid/subgrid/grid-gap-011-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html><head>
+ <meta charset="utf-8">
+ <title>CSS Grid Test: Subgrids with empty tracks and column gap</title>
+ <link rel="author" title="Matt Woodrow" href="mailto:mattwoodrow@apple.com">
+ <link rel="help" href="https://drafts.csswg.org/css-grid-2">
+</head>
+<body>
+<div style="width:200px; height: 100px; background-color: blue; position:relative; left:175px;"></div>
+</body>
+</html>
diff --git a/css/css-grid/subgrid/grid-gap-011.html b/css/css-grid/subgrid/grid-gap-011.html
new file mode 100644
index 0000000..d40ad26
--- /dev/null
+++ b/css/css-grid/subgrid/grid-gap-011.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html><head>
+ <meta charset="utf-8">
+ <title>CSS Grid Test: Subgrids with column gap larger than the track size</title>
+ <link rel="author" title="Matt Woodrow" href="mailto:mattwoodrow@apple.com">
+ <link rel="help" href="https://drafts.csswg.org/css-grid-2">
+ <link rel="match" href="grid-gap-011-ref.html">
+</head>
+<body>
+<div style="display:grid; grid-template-columns: 100px 100px 100px; width: 300px">
+ <div style="display:grid; grid-template-columns: subgrid; gap: 150px; grid-column: span 3">
+ <div style="width:100px; height: 100px; background-color: blue; grid-column: 2"></div>
+ <div style="width:100px; height: 100px; background-color: blue; grid-column: 3"></div>
+ </div>
+</div>
+
+</body>
