diff --git a/test/__snapshots__/integration.test.ts.snap b/test/__snapshots__/integration.test.ts.snap
index 604e622e47..cae644a364 100644
--- 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
index 767dc413c0..f26faf188e 100644
--- 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');