<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[60685] trunk: Script Loader: Add sourceURL to inline scripts and styles.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/60685">60685</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/60685","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>jonsurrell</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2025-08-28 07:54:21 +0000 (Thu, 28 Aug 2025)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Script Loader: Add sourceURL to inline scripts and styles.
Improve the source locations referenced by developer tooling in supporting browsers. Inline source locations are named like `inline:handle-js-after` and appear in the developer tools "sources" panel.
Developed in https://github.com/WordPress/wordpress-develop/pull/9628.
Props jonsurrell, swissspidy, alshakero, westonruter.
Fixes <a href="https://core.trac.wordpress.org/ticket/63887">#63887</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpincludesclasswpscriptsphp">trunk/src/wp-includes/class-wp-scripts.php</a></li>
<li><a href="#trunksrcwpincludesclasswpstylesphp">trunk/src/wp-includes/class-wp-styles.php</a></li>
<li><a href="#trunktestsphpunittestsblockseditorphp">trunk/tests/phpunit/tests/blocks/editor.php</a></li>
<li><a href="#trunktestsphpunittestsdependenciesscriptsphp">trunk/tests/phpunit/tests/dependencies/scripts.php</a></li>
<li><a href="#trunktestsphpunittestsdependenciesstylesphp">trunk/tests/phpunit/tests/dependencies/styles.php</a></li>
<li><a href="#trunktestsphpunittestsdependencieswpLocalizeScriptphp">trunk/tests/phpunit/tests/dependencies/wpLocalizeScript.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpincludesclasswpscriptsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/class-wp-scripts.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/class-wp-scripts.php 2025-08-27 15:41:36 UTC (rev 60684)
+++ trunk/src/wp-includes/class-wp-scripts.php 2025-08-28 07:54:21 UTC (rev 60685)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -222,6 +222,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> return;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $output .= sprintf(
+ "\n//# sourceURL=inline:%s",
+ rawurlencode( "{$handle}-js-extra" )
+ );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( ! $display ) {
</span><span class="cx" style="display: block; padding: 0 10px"> return $output;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -521,6 +526,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> return '';
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $data[] = sprintf(
+ '//# sourceURL=inline:%s',
+ rawurlencode( "{$handle}-js-{$position}" )
+ );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> return trim( implode( "\n", $data ), "\n" );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="trunksrcwpincludesclasswpstylesphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-includes/class-wp-styles.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-includes/class-wp-styles.php 2025-08-27 15:41:36 UTC (rev 60684)
+++ trunk/src/wp-includes/class-wp-styles.php 2025-08-28 07:54:21 UTC (rev 60685)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -337,6 +337,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> return false;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $output[] = sprintf(
+ '/*# sourceURL=inline:%s */',
+ rawurlencode( "{$handle}-inline-css" )
+ );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> $output = implode( "\n", $output );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! $display ) {
</span></span></pre></div>
<a id="trunktestsphpunittestsblockseditorphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/tests/phpunit/tests/blocks/editor.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/tests/phpunit/tests/blocks/editor.php 2025-08-27 15:41:36 UTC (rev 60684)
+++ trunk/tests/phpunit/tests/blocks/editor.php 2025-08-28 07:54:21 UTC (rev 60685)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -762,6 +762,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script src="{$baseurl}/wp-includes/js/dist/api-fetch.min.js?ver=test" id="wp-api-fetch-js"></script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="wp-api-fetch-js-after">
</span><span class="cx" style="display: block; padding: 0 10px"> wp.apiFetch.use( wp.apiFetch.createPreloadingMiddleware( {"/test/v0/test-62797":{"body":["Unclosed comment and a script open tag \\u003C!--\\u003Cscript\\u003E"],"headers":{"Allow":"GET"}}} ) );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:wp-api-fetch-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> HTML;
</span></span></pre></div>
<a id="trunktestsphpunittestsdependenciesscriptsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/tests/phpunit/tests/dependencies/scripts.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/tests/phpunit/tests/dependencies/scripts.php 2025-08-27 15:41:36 UTC (rev 60684)
+++ trunk/tests/phpunit/tests/dependencies/scripts.php 2025-08-28 07:54:21 UTC (rev 60685)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -116,11 +116,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> public function test_after_inline_script_with_delayed_main_script( $strategy ) {
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'ms-isa-1', 'http://example.org/ms-isa-1.js', array(), null, compact( 'strategy' ) );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_add_inline_script( 'ms-isa-1', 'console.log("after one");', 'after' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_add_inline_script( 'ms-isa-1', 'console.log(\'after one\');', 'after' );
</ins><span class="cx" style="display: block; padding: 0 10px"> $output = get_echo( 'wp_print_scripts' );
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<script type='text/javascript' src='http://example.org/ms-isa-1.js' id='ms-isa-1-js' data-wp-strategy='{$strategy}'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= wp_get_inline_script_tag(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'console.log("after one");',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "console.log('after one');\n//# sourceURL=inline:ms-isa-1-js-after",
</ins><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'id' => 'ms-isa-1-js-after',
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -143,12 +143,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> public function test_after_inline_script_with_blocking_main_script() {
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'ms-insa-3', 'http://example.org/ms-insa-3.js', array(), null );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_add_inline_script( 'ms-insa-3', 'console.log("after one");', 'after' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_add_inline_script( 'ms-insa-3', 'console.log(\'after one\');', 'after' );
</ins><span class="cx" style="display: block; padding: 0 10px"> $output = get_echo( 'wp_print_scripts' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<script type='text/javascript' src='http://example.org/ms-insa-3.js' id='ms-insa-3-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= wp_get_inline_script_tag(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'console.log("after one");',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "console.log('after one');\n//# sourceURL=inline:ms-insa-3-js-after",
</ins><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'id' => 'ms-insa-3-js-after',
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -174,15 +174,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> public function test_before_inline_scripts_with_delayed_main_script( $strategy ) {
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'ds-i1-1', 'http://example.org/ds-i1-1.js', array(), null, compact( 'strategy' ) );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_add_inline_script( 'ds-i1-1', 'console.log("before first");', 'before' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_add_inline_script( 'ds-i1-1', 'console.log(\'before first\');', 'before' );
</ins><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'ds-i1-2', 'http://example.org/ds-i1-2.js', array(), null, compact( 'strategy' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'ds-i1-3', 'http://example.org/ds-i1-3.js', array(), null, compact( 'strategy' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'ms-i1-1', 'http://example.org/ms-i1-1.js', array( 'ds-i1-1', 'ds-i1-2', 'ds-i1-3' ), null, compact( 'strategy' ) );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_add_inline_script( 'ms-i1-1', 'console.log("before last");', 'before' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_add_inline_script( 'ms-i1-1', 'console.log(\'before last\');', 'before' );
</ins><span class="cx" style="display: block; padding: 0 10px"> $output = get_echo( 'wp_print_scripts' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = wp_get_inline_script_tag(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'console.log("before first");',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "console.log('before first');\n//# sourceURL=inline:ds-i1-1-js-before",
</ins><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'id' => 'ds-i1-1-js-before',
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -191,7 +191,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example.org/ds-i1-2.js' id='ds-i1-2-js' {$strategy}='{$strategy}' data-wp-strategy='{$strategy}'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example.org/ds-i1-3.js' id='ds-i1-3-js' {$strategy}='{$strategy}' data-wp-strategy='{$strategy}'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= wp_get_inline_script_tag(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'console.log("before last");',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "console.log('before last');\n//# sourceURL=inline:ms-i1-1-js-before",
</ins><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'id' => 'ms-i1-1-js-before',
</span><span class="cx" style="display: block; padding: 0 10px"> 'type' => 'text/javascript',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -513,6 +513,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-not-async-without-dependency-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-not-async-without-dependency: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-not-async-without-dependency-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=blocking-not-async-without-dependency:%20script' id='blocking-not-async-without-dependency-js'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -519,11 +520,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-not-async-without-dependency-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-not-async-without-dependency: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-not-async-without-dependency-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-with-blocking-dependency-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-with-blocking-dependency: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-with-blocking-dependency-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=async-with-blocking-dependency:%20script' id='async-with-blocking-dependency-js' data-wp-strategy='async'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -530,6 +533,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-with-blocking-dependency-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-with-blocking-dependency: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-with-blocking-dependency-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -558,6 +562,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-no-dependency-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-no-dependency: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-no-dependency-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=async-no-dependency:%20script' id='async-no-dependency-js' data-wp-strategy='async'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -564,11 +569,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-no-dependency-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-no-dependency: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-no-dependency-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-one-async-dependency-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-one-async-dependency: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-one-async-dependency-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=async-one-async-dependency:%20script' id='async-one-async-dependency-js' data-wp-strategy='async'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -575,11 +582,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-one-async-dependency-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-one-async-dependency: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-one-async-dependency-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-two-async-dependencies-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-two-async-dependencies: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-two-async-dependencies-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=async-two-async-dependencies:%20script' id='async-two-async-dependencies-js' data-wp-strategy='async'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -586,6 +595,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-two-async-dependencies-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-two-async-dependencies: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-two-async-dependencies-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -606,6 +616,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-with-blocking-dependent-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-with-blocking-dependent: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-with-blocking-dependent-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=async-with-blocking-dependent:%20script' id='async-with-blocking-dependent-js' data-wp-strategy='async'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -612,11 +623,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-with-blocking-dependent-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-with-blocking-dependent: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-with-blocking-dependent-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-dependent-of-async-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-dependent-of-async: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-dependent-of-async-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=blocking-dependent-of-async:%20script' id='blocking-dependent-of-async-js'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -623,6 +636,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-dependent-of-async-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-dependent-of-async: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-dependent-of-async-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -643,6 +657,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-with-defer-dependent-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-with-defer-dependent: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-with-defer-dependent-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=async-with-defer-dependent:%20script' id='async-with-defer-dependent-js' data-wp-strategy='async'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -649,11 +664,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-with-defer-dependent-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-with-defer-dependent: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-with-defer-dependent-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-async-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-async: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-async-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=defer-dependent-of-async:%20script' id='defer-dependent-of-async-js' data-wp-strategy='defer'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -660,6 +677,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-async-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-async: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-async-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -683,16 +701,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-bundle-of-none-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-bundle-of-none: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-bundle-of-none-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-bundle-of-none-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-bundle-of-none: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-bundle-of-none-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-blocking-bundle-of-none-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-blocking-bundle-of-none: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-blocking-bundle-of-none-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=defer-dependent-of-blocking-bundle-of-none:%20script' id='defer-dependent-of-blocking-bundle-of-none-js' data-wp-strategy='defer'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -699,6 +720,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-blocking-bundle-of-none-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-blocking-bundle-of-none: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-blocking-bundle-of-none-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -725,6 +747,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-bundle-member-one-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-bundle-member-one: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-bundle-member-one-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=blocking-bundle-member-one:%20script' id='blocking-bundle-member-one-js'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -731,11 +754,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-bundle-member-one-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-bundle-member-one: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-bundle-member-one-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-bundle-member-two-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-bundle-member-two: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-bundle-member-two-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=blocking-bundle-member-two:%20script' id='blocking-bundle-member-two-js'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -742,11 +767,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-bundle-member-two-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-bundle-member-two: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-bundle-member-two-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-blocking-bundle-of-two-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-blocking-bundle-of-two: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-blocking-bundle-of-two-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=defer-dependent-of-blocking-bundle-of-two:%20script' id='defer-dependent-of-blocking-bundle-of-two-js' data-wp-strategy='defer'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -753,6 +780,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-blocking-bundle-of-two-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-blocking-bundle-of-two: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-blocking-bundle-of-two-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -778,16 +806,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-bundle-of-none-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-bundle-of-none: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-bundle-of-none-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-bundle-of-none-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-bundle-of-none: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-bundle-of-none-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-defer-bundle-of-none-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-defer-bundle-of-none: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-defer-bundle-of-none-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=defer-dependent-of-defer-bundle-of-none:%20script' id='defer-dependent-of-defer-bundle-of-none-js' data-wp-strategy='defer'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -794,6 +825,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-defer-bundle-of-none-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-defer-bundle-of-none: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-defer-bundle-of-none-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -817,6 +849,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-dependency-with-defer-following-dependency-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-dependency-with-defer-following-dependency: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-dependency-with-defer-following-dependency-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=blocking-dependency-with-defer-following-dependency:%20script' id='blocking-dependency-with-defer-following-dependency-js'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -823,11 +856,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-dependency-with-defer-following-dependency-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-dependency-with-defer-following-dependency: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-dependency-with-defer-following-dependency-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependency-with-blocking-preceding-dependency-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependency-with-blocking-preceding-dependency: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependency-with-blocking-preceding-dependency-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=defer-dependency-with-blocking-preceding-dependency:%20script' id='defer-dependency-with-blocking-preceding-dependency-js' data-wp-strategy='defer'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -834,11 +869,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependency-with-blocking-preceding-dependency-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependency-with-blocking-preceding-dependency: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependency-with-blocking-preceding-dependency-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-blocking-and-defer-dependencies-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-blocking-and-defer-dependencies: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-blocking-and-defer-dependencies-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=defer-dependent-of-blocking-and-defer-dependencies:%20script' id='defer-dependent-of-blocking-and-defer-dependencies-js' data-wp-strategy='defer'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -845,6 +882,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-blocking-and-defer-dependencies-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-blocking-and-defer-dependencies: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-blocking-and-defer-dependencies-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -868,6 +906,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependency-with-blocking-following-dependency-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependency-with-blocking-following-dependency: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependency-with-blocking-following-dependency-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=defer-dependency-with-blocking-following-dependency:%20script' id='defer-dependency-with-blocking-following-dependency-js' data-wp-strategy='defer'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -874,11 +913,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependency-with-blocking-following-dependency-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependency-with-blocking-following-dependency: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependency-with-blocking-following-dependency-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-dependency-with-defer-preceding-dependency-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-dependency-with-defer-preceding-dependency: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-dependency-with-defer-preceding-dependency-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=blocking-dependency-with-defer-preceding-dependency:%20script' id='blocking-dependency-with-defer-preceding-dependency-js'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -885,11 +926,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="blocking-dependency-with-defer-preceding-dependency-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "blocking-dependency-with-defer-preceding-dependency: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:blocking-dependency-with-defer-preceding-dependency-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-defer-and-blocking-dependencies-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-defer-and-blocking-dependencies: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-defer-and-blocking-dependencies-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=defer-dependent-of-defer-and-blocking-dependencies:%20script' id='defer-dependent-of-defer-and-blocking-dependencies-js' data-wp-strategy='defer'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -896,6 +939,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-defer-and-blocking-dependencies-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-defer-and-blocking-dependencies: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-defer-and-blocking-dependencies-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -916,6 +960,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-with-async-dependent-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-with-async-dependent: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-with-async-dependent-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=defer-with-async-dependent:%20script' id='defer-with-async-dependent-js' data-wp-strategy='defer'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -922,11 +967,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-with-async-dependent-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-with-async-dependent: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-with-async-dependent-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-dependent-of-defer-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-dependent-of-defer: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-dependent-of-defer-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=async-dependent-of-defer:%20script' id='async-dependent-of-defer-js' data-wp-strategy='async'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -933,6 +980,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="async-dependent-of-defer-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "async-dependent-of-defer: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:async-dependent-of-defer-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -949,6 +997,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-with-before-inline-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-with-before-inline: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-with-before-inline-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=defer-with-before-inline:%20script' id='defer-with-before-inline-js' defer='defer' data-wp-strategy='defer'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -967,6 +1016,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-with-after-inline-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-with-after-inline: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-with-after-inline-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1014,6 +1064,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-nested-aliases-js-before" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-nested-aliases: before inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-nested-aliases-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' src='https://example.com/external.js?script_event_log=defer-dependent-of-nested-aliases:%20script' id='defer-dependent-of-nested-aliases-js' data-wp-strategy='defer'></script>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1020,6 +1071,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script id="defer-dependent-of-nested-aliases-js-after" type="text/javascript">
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> scriptEventLog.push( "defer-dependent-of-nested-aliases: after inline" )
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:defer-dependent-of-nested-aliases-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1618,7 +1670,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Enqueue and add data.
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'test-only-data', 'example.com', array(), null );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_script_add_data( 'test-only-data', 'data', 'testing' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<script type='text/javascript' id='test-only-data-js-extra'>\n/* <![CDATA[ */\ntesting\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<script type='text/javascript' id='test-only-data-js-extra'>\n/* <![CDATA[ */\ntesting\n//# sourceURL=inline:test-only-data-js-extra\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example.com' id='test-only-data-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Go!
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1656,7 +1708,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'test-conditional-with-data', 'example.com', array(), null );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_script_add_data( 'test-conditional-with-data', 'data', 'testing' );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_script_add_data( 'test-conditional-with-data', 'conditional', 'lt IE 9' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<!--[if lt IE 9]>\n<script type='text/javascript' id='test-conditional-with-data-js-extra'>\n/* <![CDATA[ */\ntesting\n/* ]]> */\n</script>\n<![endif]-->\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<!--[if lt IE 9]>\n<script type='text/javascript' id='test-conditional-with-data-js-extra'>\n/* <![CDATA[ */\ntesting\n//# sourceURL=inline:test-conditional-with-data-js-extra\n/* ]]> */\n</script>\n<![endif]-->\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<!--[if lt IE 9]>\n<script type='text/javascript' src='http://example.com' id='test-conditional-with-data-js'></script>\n<![endif]-->\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = str_replace( "'", '"', $expected );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1880,6 +1932,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' id='test-example-js-before'>
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> console.log("before");
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:test-example-js-before
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1900,6 +1953,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <script type='text/javascript' id='test-example-js-after'>
</span><span class="cx" style="display: block; padding: 0 10px"> /* <![CDATA[ */
</span><span class="cx" style="display: block; padding: 0 10px"> console.log("after");
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//# sourceURL=inline:test-example-js-after
</ins><span class="cx" style="display: block; padding: 0 10px"> /* ]]> */
</span><span class="cx" style="display: block; padding: 0 10px"> </script>
</span><span class="cx" style="display: block; padding: 0 10px"> HTML;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1915,9 +1969,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("before");', 'before' );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("after");' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n//# sourceURL=inline:test-example-js-before\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example.com' id='test-example-js'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n//# sourceURL=inline:test-example-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $this->assertEqualHTML( $expected, get_echo( 'wp_print_scripts' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1930,7 +1984,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'test-example' );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("before");', 'before' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n//# sourceURL=inline:test-example-js-before\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $this->assertEqualHTML( $expected, get_echo( 'wp_print_scripts' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1943,7 +1997,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'test-example' );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("after");' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n//# sourceURL=inline:test-example-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $this->assertEqualHTML( $expected, get_echo( 'wp_print_scripts' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1957,8 +2011,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("before");', 'before' );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("after");' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n/* ]]> */\n</script>\n";
- $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n//# sourceURL=inline:test-example-js-before\n/* ]]> */\n</script>\n";
+ $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n//# sourceURL=inline:test-example-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $this->assertEqualHTML( $expected, get_echo( 'wp_print_scripts' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1973,9 +2027,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("after");' );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("after");' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\nconsole.log(\"before\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\nconsole.log(\"before\");\n//# sourceURL=inline:test-example-js-before\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example.com' id='test-example-js'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\nconsole.log(\"after\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\nconsole.log(\"after\");\n//# sourceURL=inline:test-example-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $this->assertEqualHTML( $expected, get_echo( 'wp_print_scripts' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1989,10 +2043,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("before");', 'before' );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("after");' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<script type='text/javascript' id='test-example-js-extra'>\n/* <![CDATA[ */\nvar testExample = {\"foo\":\"bar\"};\n/* ]]> */\n</script>\n";
- $expected .= "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<script type='text/javascript' id='test-example-js-extra'>\n/* <![CDATA[ */\nvar testExample = {\"foo\":\"bar\"};\n//# sourceURL=inline:test-example-js-extra\n/* ]]> */\n</script>\n";
+ $expected .= "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n//# sourceURL=inline:test-example-js-before\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example.com' id='test-example-js'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n//# sourceURL=inline:test-example-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $this->assertEqualHTML( $expected, get_echo( 'wp_print_scripts' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2013,9 +2067,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'one', 'console.log("before one");', 'before' );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'two', 'console.log("before two");', 'before' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<script type='text/javascript' id='one-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before one\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<script type='text/javascript' id='one-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before one\");\n//# sourceURL=inline:one-js-before\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='{$this->default_scripts_dir}one.js?ver={$wp_version}' id='one-js'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='two-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before two\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='two-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before two\");\n//# sourceURL=inline:two-js-before\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='{$this->default_scripts_dir}two.js?ver={$wp_version}' id='two-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='{$this->default_scripts_dir}three.js?ver={$wp_version}' id='three-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2037,7 +2091,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'one', 'console.log("before one");', 'before' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<script type='text/javascript' id='one-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before one\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<script type='text/javascript' id='one-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before one\");\n//# sourceURL=inline:one-js-before\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='{$this->default_scripts_dir}one.js?ver={$wp_version}' id='one-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='{$this->default_scripts_dir}two.js?ver={$wp_version}' id='two-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='{$this->default_scripts_dir}three.js?ver={$wp_version}' id='three-js'></script>\n";
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2064,9 +2118,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<script type='text/javascript' src='/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=one&ver={$wp_version}'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='{$this->default_scripts_dir}two.js?ver={$wp_version}' id='two-js'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='two-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after two\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='two-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after two\");\n//# sourceURL=inline:two-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='{$this->default_scripts_dir}three.js?ver={$wp_version}' id='three-js'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='three-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after three\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='three-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after three\");\n//# sourceURL=inline:three-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='{$this->default_scripts_dir}four.js?ver={$wp_version}' id='four-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $this->assertEqualHTML( $expected, get_echo( 'wp_print_scripts' ) );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2082,14 +2136,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_scripts->default_dirs = array( '/wp-admin/js/', '/wp-includes/js/' ); // Default dirs as in wp-includes/script-loader.php.
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $expected_localized = "<!--[if gte IE 9]>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected_localized .= "<script type='text/javascript' id='test-example-js-extra'>\n/* <![CDATA[ */\nvar testExample = {\"foo\":\"bar\"};\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected_localized .= "<script type='text/javascript' id='test-example-js-extra'>\n/* <![CDATA[ */\nvar testExample = {\"foo\":\"bar\"};\n//# sourceURL=inline:test-example-js-extra\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected_localized .= "<![endif]-->\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected_localized = str_replace( "'", '"', $expected_localized );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<!--[if gte IE 9]>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n//# sourceURL=inline:test-example-js-before\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example.com' id='test-example-js'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n//# sourceURL=inline:test-example-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<![endif]-->\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = str_replace( "'", '"', $expected );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2117,7 +2171,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<script type='text/javascript' src='/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate&ver={$wp_version}'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example.com' id='test-example-js'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='test-example-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n//# sourceURL=inline:test-example-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'test-example', 'http://example.com', array( 'jquery' ), null );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("after");' );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2142,7 +2196,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<script type='text/javascript' src='/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate&ver={$wp_version}'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<!--[if gte IE 9]>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type=\"text/javascript\" src=\"http://example.com\" id=\"test-example-js\"></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type=\"text/javascript\" id=\"test-example-js-after\">\n/* <![CDATA[ */\nconsole.log(\"after\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type=\"text/javascript\" id=\"test-example-js-after\">\n/* <![CDATA[ */\nconsole.log(\"after\");\n//# sourceURL=inline:test-example-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<![endif]-->\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'test-example', 'http://example.com', array( 'jquery' ), null );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2168,7 +2222,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_scripts->do_concat = true;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<script type='text/javascript' src='/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate&ver={$wp_version}'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n//# sourceURL=inline:test-example-js-before\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example.com' id='test-example-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'test-example', 'http://example.com', array( 'jquery' ), null );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2193,18 +2247,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_scripts->do_concat = true;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<script type='text/javascript' src='/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=jquery-core,jquery-migrate,wp-dom-ready,wp-hooks&ver={$wp_version}'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='test-example-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before\");\n//# sourceURL=inline:test-example-js-before\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example.com' id='test-example-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='/wp-includes/js/dist/i18n.min.js' id='wp-i18n-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' id='wp-i18n-js-after'>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "/* <![CDATA[ */\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );\n";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "//# sourceURL=inline:wp-i18n-js-after\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "/* ]]> */\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "</script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='/wp-includes/js/dist/a11y.min.js' id='wp-a11y-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example2.com' id='test-example2-js'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='test-example2-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n/* ]]> */\n</script>\n";
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='test-example2-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after\");\n//# sourceURL=inline:test-example2-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'test-example', 'http://example.com', array( 'jquery' ), null );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script( 'test-example', 'console.log("before");', 'before' );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'test-example2', 'http://example2.com', array( 'wp-a11y' ), null );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2248,6 +2302,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $expected_tail .= "<script type='text/javascript' id='customize-dependency-js-after'>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected_tail .= "/* <![CDATA[ */\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected_tail .= "tryCustomizeDependency()\n";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected_tail .= "//# sourceURL=inline:customize-dependency-js-after\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected_tail .= "/* ]]> */\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected_tail .= "</script>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2283,7 +2338,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'four', '/wp-includes/js/script4.js' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<script type='text/javascript' src='/wp-includes/js/script.js?ver={$wp_version}' id='one-js'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='one-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after one\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='one-js-after'>\n/* <![CDATA[ */\nconsole.log(\"after one\");\n//# sourceURL=inline:one-js-after\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='/wp-includes/js/script2.js?ver={$wp_version}' id='two-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='/wp-includes/js/script3.js?ver={$wp_version}' id='three-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='/wp-includes/js/script4.js?ver={$wp_version}' id='four-js'></script>\n";
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2307,7 +2362,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'four', '/wp-includes/js/script4.js' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<script type='text/javascript' src='/wp-admin/load-scripts.php?c=0&load%5Bchunk_0%5D=one,two&ver={$wp_version}'></script>\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected .= "<script type='text/javascript' id='three-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before three\");\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<script type='text/javascript' id='three-js-before'>\n/* <![CDATA[ */\nconsole.log(\"before three\");\n//# sourceURL=inline:three-js-before\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='/wp-includes/js/script3.js?ver={$wp_version}' id='three-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='/wp-includes/js/script4.js?ver={$wp_version}' id='four-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2327,8 +2382,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> '/*before foo 1*/',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'delayed' => false,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'expected_data' => '/*before foo 1*/',
- 'expected_tag' => "<script id='foo-js-before' type='text/javascript'>\n/* <![CDATA[ */\n/*before foo 1*/\n/* ]]> */\n</script>\n",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'expected_data' => "/*before foo 1*/\n//# sourceURL=inline:foo-js-before",
+ 'expected_tag' => "<script id='foo-js-before' type='text/javascript'>\n/* <![CDATA[ */\n/*before foo 1*/\n//# sourceURL=inline:foo-js-before\n/* ]]> */\n</script>\n",
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'after-blocking' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'position' => 'after',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2337,8 +2392,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> '/*after foo 2*/',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'delayed' => false,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'expected_data' => "/*after foo 1*/\n/*after foo 2*/",
- 'expected_tag' => "<script id='foo-js-after' type='text/javascript'>\n/* <![CDATA[ */\n/*after foo 1*/\n/*after foo 2*/\n/* ]]> */\n</script>\n",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'expected_data' => "/*after foo 1*/\n/*after foo 2*/\n//# sourceURL=inline:foo-js-after",
+ 'expected_tag' => "<script id='foo-js-after' type='text/javascript'>\n/* <![CDATA[ */\n/*after foo 1*/\n/*after foo 2*/\n//# sourceURL=inline:foo-js-after\n/* ]]> */\n</script>\n",
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'before-delayed' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'position' => 'before',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2346,8 +2401,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> '/*before foo 1*/',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'delayed' => true,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'expected_data' => '/*before foo 1*/',
- 'expected_tag' => "<script id='foo-js-before' type='text/javascript'>\n/* <![CDATA[ */\n/*before foo 1*/\n/* ]]> */\n</script>\n",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'expected_data' => "/*before foo 1*/\n//# sourceURL=inline:foo-js-before",
+ 'expected_tag' => "<script id='foo-js-before' type='text/javascript'>\n/* <![CDATA[ */\n/*before foo 1*/\n//# sourceURL=inline:foo-js-before\n/* ]]> */\n</script>\n",
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'after-delayed' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'position' => 'after',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2356,8 +2411,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> '/*after foo 2*/',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'delayed' => true,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'expected_data' => "/*after foo 1*/\n/*after foo 2*/",
- 'expected_tag' => "<script id='foo-js-after' type='text/javascript'>\n/* <![CDATA[ */\n/*after foo 1*/\n/*after foo 2*/\n/* ]]> */\n</script>\n",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'expected_data' => "/*after foo 1*/\n/*after foo 2*/\n//# sourceURL=inline:foo-js-after",
+ 'expected_tag' => "<script id='foo-js-after' type='text/javascript'>\n/* <![CDATA[ */\n/*after foo 1*/\n/*after foo 2*/\n//# sourceURL=inline:foo-js-after\n/* ]]> */\n</script>\n",
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2999,7 +3054,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'test-example', 'example.com', array(), null );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_localize_script( 'test-example', 'testExample', $l10n_data );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<script type='text/javascript' id='test-example-js-extra'>\n/* <![CDATA[ */\nvar testExample = {$expected};\n/* ]]> */\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<script type='text/javascript' id='test-example-js-extra'>\n/* <![CDATA[ */\nvar testExample = {$expected};\n//# sourceURL=inline:test-example-js-extra\n/* ]]> */\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script type='text/javascript' src='http://example.com' id='test-example-js'></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $this->assertEqualHTML( $expected, get_echo( 'wp_print_scripts' ) );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3568,4 +3623,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $provider = array();
</span><span class="cx" style="display: block; padding: 0 10px"> return $data['dependencies'];
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /**
+ * @ticket 63887
+ */
+ public function test_source_url_encoding() {
+ $this->add_html5_script_theme_support();
+
+ $handle = '# test/</script> #';
+ wp_enqueue_script( $handle, '/example.js', array(), '0.0' );
+ wp_add_inline_script( $handle, '"ok";' );
+
+ $expected = <<<HTML
+<script src="/example.js?ver=0.0" id="# test/</script> #-js"></script>
+<script id="# test/</script> #-js-after">
+"ok";
+//# sourceURL=inline:%23%20test%2F%3C%2Fscript%3E%20%23-js-after
+</script>
+
+HTML;
+
+ $this->assertEqualHTML( $expected, get_echo( 'wp_print_scripts' ) );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunktestsphpunittestsdependenciesstylesphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/tests/phpunit/tests/dependencies/styles.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/tests/phpunit/tests/dependencies/styles.php 2025-08-27 15:41:36 UTC (rev 60684)
+++ trunk/tests/phpunit/tests/dependencies/styles.php 2025-08-28 07:54:21 UTC (rev 60685)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -150,6 +150,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<link rel='stylesheet' id='handle-css' href='http://example.com?ver=1' type='text/css' media='all' />\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<style id='handle-inline-css' type='text/css'>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "$style\n";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "/*# sourceURL=inline:handle-inline-css */\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "</style>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_style( 'handle', 'http://example.com', array(), 1 );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -179,6 +180,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<link rel='stylesheet' id='handle-css' href='http://example.com?ver=1' type='text/css' media='all' />\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<style id='handle-inline-css' type='text/css'>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "$style\n";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "/*# sourceURL=inline:handle-inline-css */\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "</style>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_style( 'handle', 'http://example.com', array(), 1 );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -274,6 +276,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<style id='handle-inline-css' type='text/css'>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "$style1\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "$style2\n";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "/*# sourceURL=inline:handle-inline-css */\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "</style>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_style( 'handle', 'http://example.com', array(), 1 );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -292,18 +295,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> public function test_plugin_doing_inline_styles_wrong() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $style = "<style id='handle-inline-css' type='text/css'>\n";
- $style .= ".thing {\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $style = ".thing {\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $style .= "\tbackground: red;\n";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $style .= "}\n";
- $style .= '</style>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $style .= '}';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $expected = "<link rel='stylesheet' id='handle-css' href='http://example.com?ver=1' type='text/css' media='all' />\n";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "<style id='handle-inline-css' type='text/css'>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "$style\n";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "/*# sourceURL=inline:handle-inline-css */\n";
+ $expected .= "</style>\n";
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_style( 'handle', 'http://example.com', array(), 1 );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_add_inline_style( 'handle', $style );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_add_inline_style( 'handle', "<style>{$style}</style>" );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $this->assertSame( $expected, get_echo( 'wp_print_styles' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -332,6 +336,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <link rel='stylesheet' id='handle-css' href='http://example.com?ver=1' type='text/css' media='all' />
</span><span class="cx" style="display: block; padding: 0 10px"> <style id='handle-inline-css' type='text/css'>
</span><span class="cx" style="display: block; padding: 0 10px"> a { color: blue; }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*# sourceURL=inline:handle-inline-css */
</ins><span class="cx" style="display: block; padding: 0 10px"> </style>
</span><span class="cx" style="display: block; padding: 0 10px"> <![endif]-->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -363,6 +368,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<link rel='stylesheet' id='handle-two-css' href='http://example.com?ver=1' type='text/css' media='all' />\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<style id='handle-three-inline-css' type='text/css'>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> $expected .= "$style\n";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected .= "/*# sourceURL=inline:handle-three-inline-css */\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "</style>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_register_style( 'handle-one', 'http://example.com', array(), 1 );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -632,4 +638,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $this->assertSame( $GLOBALS['wp_styles']->registered['test-handle']->src, $url );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /**
+ * @ticket 63887
+ */
+ public function test_source_url_encoding() {
+ $handle = '# test/</style> #';
+ wp_enqueue_style( $handle, '/example.css', array(), '0.0' );
+ wp_add_inline_style( $handle, 'custom-el { content: "ok"; }' );
+
+ $expected = <<<HTML
+<link rel='stylesheet' href="/example.css?ver=0.0" id="# test/</style> #-css" media="all" type="text/css">
+<style id="# test/</style> #-inline-css" type="text/css">
+custom-el { content: "ok"; }
+/*# sourceURL=inline:%23%20test%2F%3C%2Fstyle%3E%20%23-inline-css */
+</style>
+
+HTML;
+
+ $this->assertEqualHTML( $expected, get_echo( 'wp_print_styles' ) );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunktestsphpunittestsdependencieswpLocalizeScriptphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/tests/phpunit/tests/dependencies/wpLocalizeScript.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/tests/phpunit/tests/dependencies/wpLocalizeScript.php 2025-08-27 15:41:36 UTC (rev 60684)
+++ trunk/tests/phpunit/tests/dependencies/wpLocalizeScript.php 2025-08-28 07:54:21 UTC (rev 60685)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -56,7 +56,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $output = get_echo( 'wp_print_scripts' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $expected = "<script id=\"test-script-js-extra\">\nvar testData = {\"\\u003C!--\":\"\\u003Cscript\\u003E\"};\n</script>\n";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $expected = "<script id=\"test-script-js-extra\">\nvar testData = {\"\\u003C!--\":\"\\u003Cscript\\u003E\"};\n//# sourceURL=inline:test-script-js-extra\n</script>\n";
</ins><span class="cx" style="display: block; padding: 0 10px"> $expected .= "<script src=\"{$base_url}\" id=\"test-script-js\"></script>\n";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $this->assertEqualHTML( $expected, $output );
</span></span></pre>
</div>
</div>
</body>
</html>