apply review suggestions

.changeset/cuddly-bikes-fail.md

@@ -3,4 +3,4 @@
 "rrweb": patch
 ---
 
-fix: duplicate textContent for style element cause incremental style mutation invalid
+fix: duplicate textContent for style elements cause incremental style mutations to be invalid

packages/rrweb/src/replay/index.ts

@@ -1592,7 +1592,7 @@ export class Replayer {
         ) {
           // https://github.com/rrweb-io/rrweb/pull/1417
           /**
-           * If both _cssText and textContent are present for a style element due to some exist bugs, the element will have two child text nodes.
+           * If both _cssText and textContent are present for a style element due to some existing bugs, the element will have two child text nodes.
            * We need to remove the textNode created by _cssText to avoid issue.
            */
           for (const cssText of childNodeArray as (Node & RRNode)[]) {

packages/rrweb/test/integration.test.ts

@@ -1287,7 +1287,11 @@ describe('record integration tests', function (this: ISuite) {
         document.head.appendChild(incrementalStyle);
         incrementalStyle.sheet!.insertRule(`#two { color: ${OldColor}; }`, 0);
 
-        await new Promise((resolve) => setTimeout(resolve, 0));
+        await new Promise((resolve) =>
+          requestAnimationFrame(() => {
+            requestAnimationFrame(resolve);
+          }),
+        );
 
         // Change the color of the #one div element to yellow as an incremental style mutation
         const styleElement = document.querySelector('style')!;
@@ -1304,6 +1308,7 @@ describe('record integration tests', function (this: ISuite) {
       OldColor,
       NewColor,
     );
+    await waitForRAF(page);
 
     const snapshots = (await page.evaluate(
       'window.snapshots',