Updated CSS Scroll Snap 2

LeaVerou · Jul 20, 2024 · 0fcfb50 · 0fcfb50
1 parent 04e9f63
commit 0fcfb50
Showing 1 changed file with 23 additions and 70 deletions.
diff --git a/tests/css-scroll-snap-2.js b/tests/css-scroll-snap-2.js
@@ -7,24 +7,6 @@ export default {
 		stability: 'experimental',
 	},
 	properties: {
-		'scroll-start': {
-			links: {
-				dev: '#scroll-start',
-			},
-			tests: [
-				'auto',
-				'start',
-				'end',
-				'center',
-				'left',
-				'right',
-				'top',
-				'bottom',
-				'100px',
-				'10%',
-				'100px 10%',
-			],
-		},
 		'scroll-start-target': {
 			links: {
 				dev: '#scroll-start-target',
@@ -34,58 +16,6 @@ export default {
 				'auto',
 			],
 		},
-		'scroll-start-x': {
-			links: {
-				dev: '#scroll-start-longhands-physical',
-			},
-			tests: [
-				'auto',
-				'start',
-				'end',
-				'center',
-				'100px',
-				'10%',
-			],
-		},
-		'scroll-start-y': {
-			links: {
-				dev: '#scroll-start-longhands-physical',
-			},
-			tests: [
-				'auto',
-				'start',
-				'end',
-				'center',
-				'100px',
-				'10%',
-			],
-		},
-		'scroll-start-inline': {
-			links: {
-				dev: '#scroll-start-longhands-logical',
-			},
-			tests: [
-				'auto',
-				'start',
-				'end',
-				'center',
-				'100px',
-				'10%',
-			],
-		},
-		'scroll-start-block': {
-			links: {
-				dev: '#scroll-start-longhands-logical',
-			},
-			tests: [
-				'auto',
-				'start',
-				'end',
-				'center',
-				'100px',
-				'10%',
-			],
-		},
 	},
 	selectors: {
 		':snapped': {
@@ -119,4 +49,27 @@ export default {
 			tests: ':snapped-block',
 		},
 	},
+	interfaces: {
+		SnapEvent: {
+			links: {
+				dev: '#snap-events',
+				mdnGroup: 'DOM',
+			},
+			tests: ['snapTargetBlock', 'snapTargetInline'],
+			interface: function() {
+				return new SnapEvent('scrollsnapchange');
+			},
+		},
+		Element: {
+			links: {
+				tr: '#interface-globaleventhandlers',
+				dev: '#interface-globaleventhandlers',
+				mdnGroup: 'DOM',
+			},
+			tests: ['onsnapchanged', 'onsnapchanging'],
+			interface: function(style) {
+				return document.body;
+			},
+		}
+	},
 };