Test storage of !important as this creates a tuple rather than a st…

…ring for the style
rrweb-io · Feb 3, 2021 · b92e85a · b92e85a
1 parent 87f740d
commit b92e85a
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/test/__snapshots__/integration.test.ts.snap b/test/__snapshots__/integration.test.ts.snap
@@ -6006,6 +6006,28 @@ exports[`select2 1`] = `
       \\"id\\": 35
     }
   },
+  {
+    \\"type\\": 3,
+    \\"data\\": {
+      \\"source\\": 0,
+      \\"texts\\": [],
+      \\"attributes\\": [
+        {
+          \\"id\\": 36,
+          \\"attributes\\": {
+            \\"style\\": {
+              \\"color\\": [
+                \\"black\\",
+                \\"important\\"
+              ]
+            }
+          }
+        }
+      ],
+      \\"removes\\": [],
+      \\"adds\\": []
+    }
+  },
   {
     \\"type\\": 3,
     \\"data\\": {

diff --git a/test/integration.test.ts b/test/integration.test.ts
@@ -134,6 +134,8 @@ describe('record integration tests', function (this: ISuite) {
 
     // toggle the select box
     await page.click('.select2-container');
+    // test storage of !important style
+    await page.evaluate('document.getElementById("select2-drop").setAttribute("style", document.getElementById("select2-drop").style.cssText + "color:black !important")');
     await page.click('.select2-container');
 
     const snapshots = await page.evaluate('window.snapshots');