fix: Inject Percy CSS before very last closing body tag (#454)

percy · Jan 13, 2020 · 6253c26 · 6253c26
1 parent 871312f
commit 6253c26
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/services/agent-service.ts b/src/services/agent-service.ts
@@ -134,7 +134,7 @@ export class AgentService {
     // serving a response for this CSS we're injecting into the DOM
     if (snapshotOptions.percyCSS) {
       const cssLink = `<link data-percy-specific-css rel="stylesheet" href="/${percyCSSFileName}" />`
-      domSnapshot = domSnapshot.replace(/<\/body>/i, cssLink + '$&')
+      domSnapshot = domSnapshot.replace(/(<\/body>)(?!.*\1)/is, cssLink + '$&')
     }
 
     resources = resources.concat(

diff --git a/test/integration/testcases/percy-specific-css.html b/test/integration/testcases/percy-specific-css.html
@@ -3,6 +3,7 @@
     <title>Percy Specific CSS testing</title>
   </head>
   <body>
+    <script> var test = "</body>" </script>
     <div class="percy-only-css-snapshot"></div>
     <div class="percy-only-css-global"></div>
   </body>