feat: Add css-position-1 and css-position-2 modules with tests

mdevils · mdevils · commit 59b11612a92a · 2025-03-16T22:33:04.000+01:00
diff --git a/src/syntax-definitions.ts b/src/syntax-definitions.ts
@@ -414,6 +414,20 @@ export const cssSyntaxDefinitions: Record<CssLevel, SyntaxDefinition> = {
  * createParser({ modules: ['css-position-3'] })
  */
 export const cssModules = {
+    'css-position-1': {
+        pseudoClasses: {
+            definitions: {
+                NoArgument: ['static', 'relative', 'absolute']
+            }
+        }
+    },
+    'css-position-2': {
+        pseudoClasses: {
+            definitions: {
+                NoArgument: ['static', 'relative', 'absolute', 'fixed']
+            }
+        }
+    },
     'css-position-3': {
         pseudoClasses: {
             definitions: {
diff --git a/test/modules.test.ts b/test/modules.test.ts
@@ -1,6 +1,87 @@
 import {createParser, ast} from './import.js';
 
 describe('CSS Modules', () => {
+    describe('css-position-1', () => {
+        it('should parse position-1 pseudo-classes when module is enabled', () => {
+            const parse = createParser({
+                modules: ['css-position-1']
+            });
+            
+            expect(parse(':static')).toEqual(
+                ast.selector({
+                    rules: [
+                        ast.rule({
+                            items: [ast.pseudoClass({name: 'static'})]
+                        })
+                    ]
+                })
+            );
+            
+            expect(parse(':relative')).toEqual(
+                ast.selector({
+                    rules: [
+                        ast.rule({
+                            items: [ast.pseudoClass({name: 'relative'})]
+                        })
+                    ]
+                })
+            );
+            
+            expect(parse(':absolute')).toEqual(
+                ast.selector({
+                    rules: [
+                        ast.rule({
+                            items: [ast.pseudoClass({name: 'absolute'})]
+                        })
+                    ]
+                })
+            );
+            
+            // Should reject fixed as it's not in position-1
+            const strictParse = createParser({
+                modules: ['css-position-1'],
+                syntax: {
+                    pseudoClasses: {
+                        unknown: 'reject'
+                    }
+                }
+            });
+            
+            expect(() => strictParse(':fixed')).toThrow('Unknown pseudo-class: "fixed".');
+        });
+    });
+    
+    describe('css-position-2', () => {
+        it('should parse position-2 pseudo-classes when module is enabled', () => {
+            const parse = createParser({
+                modules: ['css-position-2']
+            });
+            
+            // Position-2 adds fixed
+            expect(parse(':fixed')).toEqual(
+                ast.selector({
+                    rules: [
+                        ast.rule({
+                            items: [ast.pseudoClass({name: 'fixed'})]
+                        })
+                    ]
+                })
+            );
+            
+            // Should reject sticky as it's not in position-2
+            const strictParse = createParser({
+                modules: ['css-position-2'],
+                syntax: {
+                    pseudoClasses: {
+                        unknown: 'reject'
+                    }
+                }
+            });
+            
+            expect(() => strictParse(':sticky')).toThrow('Unknown pseudo-class: "sticky".');
+        });
+    });
+    
     describe('css-position-3', () => {
         it('should parse position pseudo-classes when module is enabled', () => {
             const parse = createParser({
