فهرست منبع

LibWeb: Support more advanced selectors in document.querySelectorAll()

I made some mistakes in the selector parsing code. It's now able to
parse selectors composed of multiple complex selectors, instead of just
one complex selector.
Andreas Kling 5 سال پیش
والد
کامیت
06aec9667e
4فایلهای تغییر یافته به همراه21 افزوده شده و 17 حذف شده
  1. 6 6
      Base/home/anon/www/qsa.html
  2. 2 0
      Libraries/LibWeb/DOM/Document.cpp
  3. 1 0
      Libraries/LibWeb/Dump.cpp
  4. 12 11
      Libraries/LibWeb/Parser/CSSParser.cpp

+ 6 - 6
Base/home/anon/www/qsa.html

@@ -4,20 +4,20 @@
 </head>
 <body>
 <div id="foo1" class="foo"></div>
+<code>
 <div id="foo2" class="foo"></div>
 <div id="foo3" class="foo"></div>
+</code>
 <pre id="out"></pre>
 <script>
-var elements = document.querySelectorAll(".foo");
+var elements = document.querySelectorAll("code .foo");
 
 try {
-    if (elements.length !== 3)
+    if (elements.length !== 2)
         throw 1;
-    if (elements[0].id !== "foo1")
-        throw 2;
-    if (elements[1].id !== "foo2")
+    if (elements[0].id !== "foo2")
         throw 3;
-    if (elements[2].id !== "foo3")
+    if (elements[1].id !== "foo3")
         throw 4;
     document.getElementById('out').innerHTML = "Success!";
 } catch (e) {

+ 2 - 0
Libraries/LibWeb/DOM/Document.cpp

@@ -315,6 +315,8 @@ NonnullRefPtrVector<Element> Document::query_selector_all(const StringView& sele
     if (!selector.has_value())
         return {};
 
+    dump_selector(selector.value());
+
     NonnullRefPtrVector<Element> elements;
     for_each_in_subtree_of_type<Element>([&](auto& element) {
         if (SelectorEngine::matches(selector.value(), element)) {

+ 1 - 0
Libraries/LibWeb/Dump.cpp

@@ -180,6 +180,7 @@ void dump_selector(const Selector& selector)
         const char* relation_description = "";
         switch (complex_selector.relation) {
         case Selector::ComplexSelector::Relation::None:
+            relation_description = "None";
             break;
         case Selector::ComplexSelector::Relation::ImmediateChild:
             relation_description = "ImmediateChild";

+ 12 - 11
Libraries/LibWeb/Parser/CSSParser.cpp

@@ -267,13 +267,10 @@ public:
 
     Optional<Selector::SimpleSelector> parse_simple_selector()
     {
-        if (!peek())
-            return {};
-
         if (consume_whitespace_or_comments())
             return {};
 
-        if (peek() == '{' || peek() == ',' || is_combinator(peek()))
+        if (!peek() || peek() == '{' || peek() == ',' || is_combinator(peek()))
             return {};
 
         Selector::SimpleSelector::Type type;
@@ -447,7 +444,7 @@ public:
             if (complex_selector.has_value())
                 complex_selectors.append(complex_selector.value());
             consume_whitespace_or_comments();
-            if (peek() == ',' || peek() == '{')
+            if (!peek() || peek() == ',' || peek() == '{')
                 break;
         }
 
@@ -456,7 +453,15 @@ public:
         complex_selectors.first().relation = Selector::ComplexSelector::Relation::None;
 
         current_rule.selectors.append(Selector(move(complex_selectors)));
-    };
+    }
+
+    Optional<Selector> parse_individual_selector()
+    {
+        parse_selector();
+        if (current_rule.selectors.is_empty())
+            return {};
+        return current_rule.selectors.last();
+    }
 
     void parse_selector_list()
     {
@@ -664,11 +669,7 @@ private:
 Optional<Selector> parse_selector(const StringView& selector_text)
 {
     CSSParser parser(selector_text);
-    auto complex_selector = parser.parse_complex_selector();
-    if (!complex_selector.has_value())
-        return {};
-    complex_selector.value().relation = Selector::ComplexSelector::Relation::None;
-    return Selector({ complex_selector.value() });
+    return parser.parse_individual_selector();
 }
 
 RefPtr<StyleSheet> parse_css(const StringView& css)