Jun 28, 2024 · Jun 5, 2024 · Jun 5, 2024
diff --git a/lib/syntax_tree/css/format.rb b/lib/syntax_tree/css/format.rb
        node.value.format(q)
      end

      # Visit a Selectors::PseudoClassFunction node.
      def visit_pseudo_class_function(node)
        q.text(node.name)
        q.text("(")
        q.seplist(node.arguments, -> { q.text(", ") }) do |selector|
          selector.format(q)
        end
        q.text(")")
      end

      # Visit a Selectors::PseudoElementSelector node.
      def visit_pseudo_element_selector(node)
        q.text(":")
          node.child_nodes.each do |node_|
            node_.format(q)
          end
          # TODO: pseudo-elements
        end
      end

diff --git a/lib/syntax_tree/css/pretty_print.rb b/lib/syntax_tree/css/pretty_print.rb
          q.breakable
          q.pp(node.name)

          q.breakable
          q.text("(arguments")

          if node.arguments.any?
            q.breakable
            q.seplist(node.arguments) { |argument| q.pp(argument) }
            q.nest(2) do
              q.breakable
              q.seplist(node.arguments) { |argument| q.pp(argument) }
            end

            q.breakable("")
          end

          q.text(")")
        end
      end

      def visit_compound_selector(node)
        token("compound-selector") do
          q.breakable
          q.pp(node.type)
          token("type") do
            q.breakable
            q.pp(node.type)
          end

          q.breakable
          q.text("(subclasses")
diff --git a/lib/syntax_tree/css/selectors.rb b/lib/syntax_tree/css/selectors.rb
          PseudoClassSelector.new(value: consume(IdentToken))
        in Function
          node = consume(Function)
          function = PseudoClassFunction.new(name: node.name, arguments: node.value)
          arguments = Selectors.new(node.value).parse
          function = PseudoClassFunction.new(name: node.name, arguments: arguments)
          PseudoClassSelector.new(value: function)
        else
          raise MissingTokenError, "Expected pseudo class selector to produce something"
diff --git a/test/selectors_test.rb b/test/selectors_test.rb
          end
        end

        it "parses a compound selector with a pseudo-class" do
        it "parses a compound selector with a pseudo-class selector" do
          actual = parse_selectors("div.flex:hover")

          assert_pattern do
          end
        end

        it "parses a compound selector with a pseudo-class function" do
          actual = parse_selectors(".flex:not(div, span.wide, .hidden)")

          assert_pattern do
            actual => [
              Selectors::CompoundSelector[
                type: nil,
                subclasses: [
                  Selectors::ClassSelector[value: { value: "flex" }],
                  Selectors::PseudoClassSelector[
                    value: Selectors::PseudoClassFunction[
                      name: "not",
                      arguments: [
                        Selectors::TypeSelector[value: { name: { value: "div" } }],
                        Selectors::CompoundSelector[
                          Selectors::TypeSelector[value: { name: { value: "span" } }],
                          Selectors::ClassSelector[value: { value: "wide" }],
                        ],
                      ],
                    ],
                  ],
                ],
              ]
            ]
          end
        end

        it "parses a compound selector with pseudo-elements and pseudo-classes" do
          actual = parse_selectors("div.flex:hover::first-line:last-child:active::first-letter")

            ]
          end
        end

      end

      describe "formatting" do
            )
          end

          it "with a pseudo-class function" do
            assert_selector_format(
              ".flex:not(div, span.wide, .hidden)",
              ".flex:not(div, span.wide, .hidden)",
            )
          end

          it "with class selectors" do
            assert_selector_format(
              "div.flex.text-xl",
Original file line number	Diff line number	Diff line change
Expand Up		@@ -100,6 +100,16 @@ def visit_pseudo_class_selector(node)
		node.value.format(q)
		end

		# Visit a Selectors::PseudoClassFunction node.
		def visit_pseudo_class_function(node)
		q.text(node.name)
		q.text("(")
		q.seplist(node.arguments, -> { q.text(", ") }) do \|selector\|
		selector.format(q)
		end
		q.text(")")
		end

		# Visit a Selectors::PseudoElementSelector node.
		def visit_pseudo_element_selector(node)
		q.text(":")
Expand DownExpand Up		@@ -127,7 +137,6 @@ def visit_compound_selector(node)
		node.child_nodes.each do \|node_\|
		node_.format(q)
		end
		# TODO: pseudo-elements
		end
		end

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -380,10 +380,19 @@ def visit_pseudo_class_function(node)
		q.breakable
		q.pp(node.name)

		q.breakable
		q.text("(arguments")

		if node.arguments.any?
		q.breakable
		q.seplist(node.arguments) { \|argument\| q.pp(argument) }
		q.nest(2) do
		q.breakable
		q.seplist(node.arguments) { \|argument\| q.pp(argument) }
		end

		q.breakable("")
		end

		q.text(")")
		end
		end

Expand DownExpand Up		@@ -443,7 +452,10 @@ def visit_complex_selector(node)
		def visit_compound_selector(node)
		token("compound-selector") do
		q.breakable
		q.pp(node.type)
		token("type") do
		q.breakable
		q.pp(node.type)
		end

		q.breakable
		q.text("(subclasses")
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -509,7 +509,8 @@ def pseudo_class_selector
		PseudoClassSelector.new(value: consume(IdentToken))
		in Function
		node = consume(Function)
		function = PseudoClassFunction.new(name: node.name, arguments: node.value)
		arguments = Selectors.new(node.value).parse
		function = PseudoClassFunction.new(name: node.name, arguments: arguments)
		PseudoClassSelector.new(value: function)
		else
		raise MissingTokenError, "Expected pseudo class selector to produce something"
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -82,7 +82,7 @@ class SelectorsTest < Minitest::Spec
		end
		end

		it "parses a compound selector with a pseudo-class" do
		it "parses a compound selector with a pseudo-class selector" do
		actual = parse_selectors("div.flex:hover")

		assert_pattern do
Expand All		@@ -98,6 +98,33 @@ class SelectorsTest < Minitest::Spec
		end
		end

		it "parses a compound selector with a pseudo-class function" do
		actual = parse_selectors(".flex:not(div, span.wide, .hidden)")

		assert_pattern do
		actual => [
		Selectors::CompoundSelector[
		type: nil,
		subclasses: [
		Selectors::ClassSelector[value: { value: "flex" }],
		Selectors::PseudoClassSelector[
		value: Selectors::PseudoClassFunction[
		name: "not",
		arguments: [
		Selectors::TypeSelector[value: { name: { value: "div" } }],
		Selectors::CompoundSelector[
		Selectors::TypeSelector[value: { name: { value: "span" } }],
		Selectors::ClassSelector[value: { value: "wide" }],
		],
		],
		],
		],
		],
		]
		]
		end
		end

		it "parses a compound selector with pseudo-elements and pseudo-classes" do
		actual = parse_selectors("div.flex:hover::first-line:last-child:active::first-letter")

Expand DownExpand Up		@@ -208,7 +235,6 @@ class SelectorsTest < Minitest::Spec
		]
		end
		end

		end

		describe "formatting" do
Expand All		@@ -227,6 +253,13 @@ class SelectorsTest < Minitest::Spec
		)
		end

		it "with a pseudo-class function" do
		assert_selector_format(
		".flex:not(div, span.wide, .hidden)",
		".flex:not(div, span.wide, .hidden)",
		)
		end

		it "with class selectors" do
		assert_selector_format(
		"div.flex.text-xl",
Expand Down