1
0
mirror of https://github.com/maximebf/php-debugbar.git synced 2025-07-27 19:50:21 +02:00
Files
php-debugbar/tests/DebugBar/Tests/JavascriptRendererTest.php
James Johnston e6f0b5a48d Enable AssetProvider to support inline assets (#338)
Add new inline_css, inline_js, and inline_head keys on the
AssetProvider::getAssets() function.  This allows us to support
collectors that require static assets that are not actually saved to a
file.

Then, update all the asset functions in JavascriptRenderer to support
these new keys.

An initial use case for this is supporting the HtmlDumper in Symfony’s
VarDumper.  HtmlDumper only provides the styles and scripts in inline
HTML form.  The static assets can be customized based on some
configuration properties available on the HtmlDumper class.  One can
actually view the CSS/JS as a long PHP string/heredoc embedded in the
HtmlDumper.php source code.  They are only accessible via the
getDumpHeader function, which returns the CSS/JS in a combined HTML
string.
2017-07-15 11:08:32 +02:00

160 lines
6.7 KiB
PHP

<?php
namespace DebugBar\Tests;
use DebugBar\JavascriptRenderer;
use DebugBar\DebugBar;
use DebugBar\StandardDebugBar;
class JavascriptRendererTest extends DebugBarTestCase
{
public function setUp()
{
parent::setUp();
$this->r = new JavascriptRenderer($this->debugbar);
$this->r->setBasePath('/bpath');
$this->r->setBaseUrl('/burl');
}
public function testOptions()
{
$this->r->setOptions(array(
'base_path' => '/foo',
'base_url' => '/foo',
'include_vendors' => false,
'javascript_class' => 'Foobar',
'variable_name' => 'foovar',
'initialization' => JavascriptRenderer::INITIALIZE_CONTROLS,
'enable_jquery_noconflict' => true,
'controls' => array(
'memory' => array(
"icon" => "cogs",
"map" => "memory.peak_usage_str",
"default" => "'0B'"
)
),
'disable_controls' => array('messages'),
'ignore_collectors' => 'config',
'ajax_handler_classname' => 'AjaxFoo',
'ajax_handler_bind_to_jquery' => false,
'ajax_handler_auto_show' => false,
'open_handler_classname' => 'OpenFoo',
'open_handler_url' => 'open.php'
));
$this->assertEquals('/foo', $this->r->getBasePath());
$this->assertEquals('/foo', $this->r->getBaseUrl());
$this->assertFalse($this->r->areVendorsIncluded());
$this->assertEquals('Foobar', $this->r->getJavascriptClass());
$this->assertEquals('foovar', $this->r->getVariableName());
$this->assertEquals(JavascriptRenderer::INITIALIZE_CONTROLS, $this->r->getInitialization());
$this->assertTrue($this->r->isJqueryNoConflictEnabled());
$controls = $this->r->getControls();
$this->assertCount(2, $controls);
$this->assertArrayHasKey('memory', $controls);
$this->assertArrayHasKey('messages', $controls);
$this->assertNull($controls['messages']);
$this->assertContains('config', $this->r->getIgnoredCollectors());
$this->assertEquals('AjaxFoo', $this->r->getAjaxHandlerClass());
$this->assertFalse($this->r->isAjaxHandlerBoundToJquery());
$this->assertFalse($this->r->isAjaxHandlerAutoShow());
$this->assertEquals('OpenFoo', $this->r->getOpenHandlerClass());
$this->assertEquals('open.php', $this->r->getOpenHandlerUrl());
}
public function testAddAssets()
{
// Use a loop to test deduplication of assets
for ($i = 0; $i < 2; ++$i) {
$this->r->addAssets('foo.css', 'foo.js', '/bar', '/foobar');
$this->r->addInlineAssets(array('Css' => 'CssTest'), array('Js' => 'JsTest'), array('Head' => 'HeaderTest'));
}
// Make sure all the right assets are returned by getAssets
list($css, $js, $inline_css, $inline_js, $inline_head) = $this->r->getAssets();
$this->assertContains('/bar/foo.css', $css);
$this->assertContains('/bar/foo.js', $js);
$this->assertEquals(array('Css' => 'CssTest'), $inline_css);
$this->assertEquals(array('Js' => 'JsTest'), $inline_js);
$this->assertEquals(array('Head' => 'HeaderTest'), $inline_head);
// Make sure asset files are deduplicated
$this->assertCount(count(array_unique($css)), $css);
$this->assertCount(count(array_unique($js)), $js);
$html = $this->r->renderHead();
$this->assertContains('<script type="text/javascript" src="/foobar/foo.js"></script>', $html);
}
public function testGetAssets()
{
list($css, $js) = $this->r->getAssets();
$this->assertContains('/bpath/debugbar.css', $css);
$this->assertContains('/bpath/widgets.js', $js);
$this->assertContains('/bpath/vendor/jquery/dist/jquery.min.js', $js);
$this->r->setIncludeVendors(false);
$js = $this->r->getAssets('js');
$this->assertContains('/bpath/debugbar.js', $js);
$this->assertNotContains('/bpath/vendor/jquery/dist/jquery.min.js', $js);
}
public function testRenderHead()
{
$this->r->addInlineAssets(array('Css' => 'CssTest'), array('Js' => 'JsTest'), array('Head' => 'HeaderTest'));
$html = $this->r->renderHead();
// Check for file links
$this->assertContains('<link rel="stylesheet" type="text/css" href="/burl/debugbar.css">', $html);
$this->assertContains('<script type="text/javascript" src="/burl/debugbar.js"></script>', $html);
// Check for inline assets
$this->assertContains('<style type="text/css">CssTest</style>', $html);
$this->assertContains('<script type="text/javascript">JsTest</script>', $html);
$this->assertContains('HeaderTest', $html);
// Check jQuery noConflict
$this->assertContains('jQuery.noConflict(true);', $html);
// Check for absence of jQuery noConflict
$this->r->setEnableJqueryNoConflict(false);
$html = $this->r->renderHead();
$this->assertNotContains('noConflict', $html);
}
public function testRenderFullInitialization()
{
$this->debugbar->addCollector(new \DebugBar\DataCollector\MessagesCollector());
$this->r->addControl('time', array('icon' => 'time', 'map' => 'time', 'default' => '"0s"'));
$expected = rtrim(file_get_contents(__DIR__ . '/full_init.html'));
$this->assertStringStartsWith($expected, $this->r->render());
}
public function testRenderConstructorOnly()
{
$this->r->setInitialization(JavascriptRenderer::INITIALIZE_CONSTRUCTOR);
$this->r->setJavascriptClass('Foobar');
$this->r->setVariableName('foovar');
$this->r->setAjaxHandlerClass(false);
$this->assertStringStartsWith("<script type=\"text/javascript\">\nvar foovar = new Foobar();\nfoovar.addDataSet(", $this->r->render());
}
public function testJQueryNoConflictAutoDisabling()
{
$this->assertTrue($this->r->isJqueryNoConflictEnabled());
$this->r->setIncludeVendors(false);
$this->assertFalse($this->r->isJqueryNoConflictEnabled());
$this->r->setEnableJqueryNoConflict(true);
$this->r->setIncludeVendors('css');
$this->assertFalse($this->r->isJqueryNoConflictEnabled());
$this->r->setEnableJqueryNoConflict(true);
$this->r->setIncludeVendors(array('css', 'js'));
$this->assertTrue($this->r->isJqueryNoConflictEnabled());
}
public function testCanDisableSpecificVendors()
{
$this->assertContains('jquery.min.js', $this->r->renderHead());
$this->r->disableVendor('jquery');
$this->assertNotContains('jquery.min.js', $this->r->renderHead());
}
}