Serialize <attr-matcher> with no leading and trailing whitespaces

Author: cdoublev

lib/serialize.js

@@ -133,6 +133,20 @@ function serializeAttribute({ value }) {
     return string
 }
 
+/**
+ * @param {object} selector
+ * @returns {string}
+ * @see {@link https://drafts.csswg.org/selectors-4/#typedef-attribute-selector}
+ */
+function serializeAttributeSelector({ value }) {
+    if (isList(value)) {
+        value = value.map(serializeComponentValue)
+        const modifier = value.pop()
+        value = list([list(value, ''), modifier])
+    }
+    return `[${serializeComponentValue(value)}]`
+}
+
 /**
  * @param {object[]} arc
  * @returns {string}
@@ -1657,6 +1671,8 @@ function serializeComponentValue(value, context) {
                 return serializeColorStop(value)
             case '<attr()>':
                 return serializeAttribute(value)
+            case '<attribute-selector>':
+                return serializeAttributeSelector(value)
             case '<arc-command>':
                 return serializeArcCommand(value)
             case '<bad-string-token>':

test/value.js

@@ -2427,6 +2427,7 @@ describe('<attr-matcher>', () => {
     })
     test('valid', () => {
         assert.valid('<attribute-selector>', '[attr|=value]')
+        assert.valid('<attribute-selector>', '[attr |= value i]', '[attr|=value i]')
     })
 })
 describe('<attr-name>', () => {
@@ -4202,7 +4203,7 @@ describe('<selector-list>', () => {
     test('valid', () => {
         const valid = [
             // No invalid whitespace
-            ['#id.class[ *|attr ^= value ]:hover > [attr=value]::before', '#id.class[*|attr ^= value]:hover > [attr = value]::before'],
+            ['#id.class[ *|attr ^= value ]:hover > [attr=value]::before', '#id.class[*|attr^=value]:hover > [attr=value]::before'],
             ['html|*'],
             ['html|a'],
             ['*|a'],