setupFile = dirname( __FILE__ ) . '/../PortableInfobox.setup.php';
parent::setUp();
if ( !extension_loaded( 'mustache' ) ) {
$this->markTestSkipped( '"mustache" PHP extension needs to be loaded!' );
}
}
private function mockInfoboxRenderServiceHelper( $input ) {
$extendImageData = isset( $input['extendImageData'] ) ? $input['extendImageData'] : null;
$mock = $this->getMockBuilder( 'Wikia\PortableInfobox\Helpers\PortableInfoboxImagesHelper' )
->setMethods( [ 'extendImageData' ] )
->getMock();
$mock->expects( $this->any() )
->method( 'extendImageData' )
->will( $this->returnValue( $extendImageData ) );
$this->mockClass( 'Wikia\PortableInfobox\Helpers\PortableInfoboxImagesHelper', $mock );
}
/**
* @param $html
* @return string
*/
private function normalizeHTML( $html ) {
if ( empty( $html ) ) {
return '';
}
$DOM = new DOMDocument( '1.0' );
$DOM->formatOutput = true;
$DOM->preserveWhiteSpace = false;
$DOM->loadXML( $html );
return $DOM->saveXML();
}
/**
* @param $data
* @param $expected
*
* @dataProvider filterImagesDataProvider
*/
public function testFilterImages( $data, $expected ) {
$method = ( new ReflectionClass( 'PortableInfoboxRenderService' ) )->getMethod( 'filterImageData' );
$method->setAccessible( true );
$renderService = new PortableInfoboxRenderService();
$this->assertEquals( $expected, $method->invokeArgs( $renderService, [ $data ] ) );
}
public function filterImagesDataProvider() {
return [
[
'data' => [
[
'url' => 'some.url.com',
'name' => 'name1',
'key' => 'key1',
'alt' => 'alt1',
'caption' => 'caption1',
'isVideo' => false,
],
[
'url' => 'some.url.com',
'name' => 'name2',
'key' => 'key2',
'alt' => 'alt2',
'caption' => 'caption2',
'isVideo' => false,
],
],
'expected' => [
[
'url' => 'some.url.com',
'name' => 'name1',
'key' => 'key1',
'alt' => 'alt1',
'caption' => 'caption1',
'isVideo' => false,
],
[
'url' => 'some.url.com',
'name' => 'name2',
'key' => 'key2',
'alt' => 'alt2',
'caption' => 'caption2',
'isVideo' => false,
],
]
],
[
'data' => [
[
'url' => 'some.url.com',
'name' => 'name1',
'key' => 'key1',
'alt' => 'alt1',
'caption' => '',
'isVideo' => false,
],
[
'url' => 'some.url.com',
'name' => 'name2',
'key' => 'key2',
'alt' => 'alt2',
'caption' => 'caption2',
'isVideo' => false,
],
[
'url' => 'some.url.com',
'name' => 'name3',
'key' => 'key3',
'alt' => 'alt3',
'caption' => 'caption3',
'isVideo' => false,
],
],
'expected' => [
1 => [
'url' => 'some.url.com',
'name' => 'name2',
'key' => 'key2',
'alt' => 'alt2',
'caption' => 'caption2',
'isVideo' => false,
],
2 => [
'url' => 'some.url.com',
'name' => 'name3',
'key' => 'key3',
'alt' => 'alt3',
'caption' => 'caption3',
'isVideo' => false,
]
]
],
[
'data' => [
[
'url' => 'some.url.com',
'name' => 'name1',
'key' => 'key1',
'alt' => 'alt1',
'caption' => 'caption1',
'isVideo' => false,
],
[
'url' => 'some.url.com',
'name' => 'name2',
'key' => 'key2',
'alt' => 'alt2',
'caption' => '',
'isVideo' => false,
],
],
'expected' => [
[
'url' => 'some.url.com',
'name' => 'name1',
'key' => 'key1',
'alt' => 'alt1',
'caption' => 'caption1',
'isVideo' => false,
],
],
],
[
'data' => [
[
'url' => 'some.url.com',
'name' => 'name1',
'key' => 'key1',
'alt' => 'alt1',
'caption' => '',
'isVideo' => false,
],
[
'url' => 'some.url.com',
'name' => 'name2',
'key' => 'key2',
'alt' => 'alt2',
'caption' => '',
'isVideo' => false,
],
],
'expected' => [
[
'url' => 'some.url.com',
'name' => 'name1',
'key' => 'key1',
'alt' => 'alt1',
'caption' => '',
'isVideo' => false,
],
]
],
];
}
/**
* @param $input
* @param $expectedOutput
* @param $description
* @param $mockParams
* @param $accentColor
* @param $accentColorText
* @dataProvider renderInfoboxDataProvider
*/
public function testRenderInfobox( $input, $expectedOutput, $description, $mockParams, $accentColor, $accentColorText ) {
$this->mockInfoboxRenderServiceHelper( $mockParams );
$infoboxRenderService = new PortableInfoboxRenderService();
$actualOutput = $infoboxRenderService->renderInfobox( $input, '', '', $accentColor, $accentColorText );
$expectedHtml = $this->normalizeHTML( $expectedOutput );
$actualHtml = $this->normalizeHTML( $actualOutput );
$this->assertEquals( $expectedHtml, $actualHtml, $description );
}
public function renderInfoboxDataProvider() {
return [
[
'input' => [ ],
'output' => '',
'description' => 'Empty data should yield no infobox markup',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'title',
'data' => [
'value' => 'Test Title'
]
]
],
'output' => '',
'description' => 'Only title',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'title',
'data' => [
'value' => 'Test Title'
]
]
],
'output' => '',
'description' => 'Only title with custom colors',
'mockParams' => [ ],
'accentColor' => '#FFF',
'accentColorText' => '#000'
],
[
'input' => [
[
'type' => 'image',
'data' => [
[
'alt' => 'image alt',
'url' => 'http://image.jpg',
'name' => 'image',
'key' => 'image',
'caption' => 'Lorem ipsum dolor',
'isVideo' => false
]
]
]
],
'output' => '',
'description' => 'Only image',
'mockParams' => [
'extendImageData' => [
'alt' => 'image alt',
'url' => 'http://image.jpg',
'caption' => 'Lorem ipsum dolor',
'name' => 'image',
'key' => 'image',
'width' => '400',
'height' => '200',
'thumbnail' => 'http://thumbnail.jpg',
'thumbnail2x' => 'http://thumbnail2x.jpg',
'media-type' => 'image',
'isVideo' => false
]
],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'image',
'data' => [
[
'alt' => 'image alt',
'url' => 'http://image.jpg',
'caption' => 'Lorem ipsum dolor',
'isVideo' => true,
'duration' => '1:20',
'name' => 'test',
'key' => 'test'
]
]
]
],
'output' => '',
'description' => 'Only video',
'mockParams' => [
'extendImageData' => [
'alt' => 'image alt',
'url' => 'http://image.jpg',
'caption' => 'Lorem ipsum dolor',
'name' => 'image',
'key' => 'image',
'width' => '400',
'height' => '200',
'thumbnail' => 'http://thumbnail.jpg',
'thumbnail2x' => 'http://thumbnail2x.jpg',
'media-type' => 'video',
'isVideo' => true,
'duration' => '1:20'
]
],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'navigation',
'data' => [
'value' => 'navigation value',
]
]
],
'output' => '',
'description' => 'navigation only',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'data',
'data' => [
'label' => 'test label',
'value' => 'test value'
]
]
],
'output' => '',
'description' => 'Only pair',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'title',
'data' => [
'value' => 'Test Title'
]
],
[
'type' => 'image',
'data' => [
[
'alt' => 'image alt',
'url' => 'http://image.jpg',
'name' => 'image',
'key' => 'image',
'isVideo' => false
]
]
],
[
'type' => 'data',
'data' => [
'label' => 'test label',
'value' => 'test value'
]
]
],
'output' => '',
'description' => 'Simple infobox with title, image and key-value pair',
'mockParams' => [
'extendImageData' => [
'alt' => 'image alt',
'url' => 'http://image.jpg',
'name' => 'image',
'key' => 'image',
'width' => '400',
'height' => '200',
'thumbnail' => 'http://thumbnail.jpg',
'thumbnail2x' => 'http://thumbnail2x.jpg',
'media-type' => 'image',
'isVideo' => false
]
],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'title',
'data' => [
'value' => 'Test Title'
]
],
[
'type' => 'image',
'data' => [ ]
],
[
'type' => 'data',
'data' => [
'label' => 'test label',
'value' => 'test value'
]
]
],
'output' => '',
'description' => 'Simple infobox with title, INVALID image and key-value pair',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'title',
'data' => [
'value' => 'Test Title'
]
],
[
'type' => 'data',
'data' => [
'label' => 'test label',
'value' => 'test value'
]
]
],
'output' => '',
'description' => 'Simple infobox with title, empty image and key-value pair',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'title',
'data' => [
'value' => 'Test Title'
]
],
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'header',
'data' => [
'value' => 'Test Header'
]
],
[
'type' => 'data',
'data' => [
'label' => 'test label',
'value' => 'test value'
]
],
[
'type' => 'data',
'data' => [
'label' => 'test label',
'value' => 'test value'
]
]
],
'layout' => 'default',
'collapse' => null,
'row-items' => null
]
]
],
'output' => '',
'description' => 'Infobox with title, group with header and two key-value pairs',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'title',
'data' => [
'value' => 'Test Title'
]
],
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'header',
'data' => [
'value' => 'Test Header'
]
],
[
'type' => 'data',
'data' => [
'label' => 'test label',
'value' => 'test value'
]
],
[
'type' => 'data',
'data' => [
'label' => 'test label',
'value' => 'test value'
]
]
],
'layout' => 'default',
'collapse' => null,
'row-items' => null
]
]
],
'output' => '',
'description' => 'Infobox with title, group with header and two key-value pairs, custom accent color and accent text color',
'mockParams' => [ ],
'accentColor' => '#FFF',
'accentColorText' => '#000'
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'header',
'data' => [
'value' => 'Test header'
]
],
[
'type' => 'data',
'data' => [
'label' => 'test label',
'value' => 'test value'
]
],
[
'type' => 'data',
'data' => [
'label' => 'test label',
'value' => 'test value'
]
]
],
'layout' => 'horizontal',
'collapse' => null,
'row-items' => null
]
]
],
'output' => '',
'description' => 'Infobox with horizontal group',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => '',
'value' => 'test value'
]
],
[
'type' => 'data',
'data' => [
'label' => '',
'value' => 'test value'
]
]
],
'layout' => 'horizontal',
'collapse' => null,
'row-items' => null
]
]
],
'output' => '',
'description' => 'Infobox with horizontal group without header and labels',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'navigation',
'data' => [
'value' => 'Links
'
]
]
],
'output' => '',
'description' => 'Infobox with navigation',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
// horizontal group tests
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'test label 1',
'value' => 'test value 1'
]
],
[
'type' => 'data',
'data' => [
'label' => 'test label 2',
'value' => 'test value 2'
]
]
],
'layout' => 'horizontal',
'collapse' => null,
'row-items' => null
]
]
],
'output' => '',
'description' => 'Horizontal group data without header',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'header',
'data' => [
'value' => 'test header'
]
],
[
'type' => 'data',
'data' => [
'label' => '',
'value' => 'test value 1'
]
],
[
'type' => 'data',
'data' => [
'label' => 'test label 2',
'value' => 'test value 2'
]
]
],
'layout' => 'horizontal',
'collapse' => null,
'row-items' => null
]
]
],
'output' => '',
'description' => 'Horizontal group data with empty label',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => '',
'value' => 'test value 1'
]
],
[
'type' => 'data',
'data' => [
'label' => '',
'value' => 'test value 2'
]
]
],
'layout' => 'horizontal',
'collapse' => null,
'row-items' => null
]
]
],
'output' => '',
'description' => 'Horizontal group data with empty label',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'Test 1',
'value' => 'test value 1',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 2',
'value' => 'test value 2',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 3',
'value' => 'test value 3',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 4',
'value' => 'test value 4',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 5',
'value' => 'test value 5',
'span' => 1,
'layout' => null
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 3
]
]
],
'output' => '',
'description' => 'Flex wrapped group of 5 elements with row size 3',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'Test 1',
'value' => 'test value 1',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 2',
'value' => 'test value 2',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 3',
'value' => 'test value 3',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 4',
'value' => 'test value 4',
'span' => 1,
'layout' => null
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 3
]
]
],
'output' => '',
'description' => 'Flex wrapped group of 4 elements with row size 3',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'Test 1',
'value' => 'test value 1',
'span' => 1,
'layout' => null
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 3
]
]
],
'output' => '',
'description' => 'Flex wrapped group of a single element with row size 3',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'Test 1',
'value' => 'test value 1',
'span' => 2,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 2',
'value' => 'test value 2',
'span' => 1,
'layout' => null
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 3
]
]
],
'output' => '',
'description' => 'Flex wrapped group of 2 + 1 with row size 3',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'Test 1',
'value' => 'test value 1',
'span' => 2,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 2',
'value' => 'test value 2',
'span' => 1,
'layout' => null
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 7
]
]
],
'output' => '',
'description' => 'Flex wrapped group of 2 + 1 with row size 7',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'Test 1',
'value' => 'test value 1',
'span' => 2,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 2',
'value' => 'test value 2',
'span' => 2,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 3',
'value' => 'test value 3',
'span' => 2,
'layout' => null
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 3
]
]
],
'output' => '',
'description' => 'Flex wrapped group of 2 + 2 + 2 with row size 3',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'Test 1',
'value' => 'test value 1',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 2',
'value' => 'test value 2',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 3',
'value' => 'test value 3',
'span' => null,
'layout' => 'default'
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 4',
'value' => 'test value 4',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 5',
'value' => 'test value 5',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 6',
'value' => 'test value 6',
'span' => 1,
'layout' => null
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 3
]
]
],
'output' => '',
'description' => 'Flex wrapped group of 1 + 1 + default + 1 + 1 + 1 with row size 3',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'Test 1',
'value' => 'test value 1',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 2',
'value' => 'test value 2',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 3',
'value' => 'test value 3',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 4',
'value' => 'test value 4',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 5',
'value' => 'test value 5',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 6',
'value' => 'test value 6',
'span' => null,
'layout' => 'default'
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 3
]
]
],
'output' => '',
'description' => 'Flex wrapped group of 1 + 1 + 1 + 1 + 1 + default with row size 3',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'Test 1',
'value' => 'test value 1',
'span' => 40,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 2',
'value' => 'test value 2',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 3',
'value' => 'test value 3',
'span' => 1,
'layout' => null
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 3
]
]
],
'output' => '',
'description' => 'Flex wrapped group of 40 + 1 + 1 with row size 3',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'Test 1',
'value' => 'test value 1',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 2',
'value' => 'test value 2',
'span' => 40,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 3',
'value' => 'test value 3',
'span' => 1,
'layout' => null
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 3
]
]
],
'output' => '',
'description' => 'Flex wrapped group of 1 + 40 + 1 with row size 3',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => 'Test 1',
'value' => 'test value 1',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 2',
'value' => 'test value 2',
'span' => 1,
'layout' => null
]
],
[
'type' => 'title',
'data' => [
'value' => 'title value'
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 3',
'value' => 'test value 3',
'span' => 1,
'layout' => null
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 3
]
]
],
'output' => '',
'description' => 'Flex wrapped group of 1 + 1 + title + 1 with row size 3',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
[
'input' => [
[
'type' => 'group',
'data' => [
'value' => [
[
'type' => 'data',
'data' => [
'label' => null,
'value' => 'test value 1',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => null,
'value' => 'test value 2',
'span' => 1,
'layout' => null
]
],
[
'type' => 'title',
'data' => [
'value' => 'title value'
]
],
[
'type' => 'data',
'data' => [
'label' => null,
'value' => 'test value 3',
'span' => 1,
'layout' => null
]
],
[
'type' => 'data',
'data' => [
'label' => 'Test 4',
'value' => 'test value 4',
'span' => 1,
'layout' => null
]
]
],
'layout' => null,
'collapse' => null,
'row-items' => 3
]
]
],
'output' => '',
'description' => 'Flex wrapped group of 1 (no label) + 1 (no label) + title + 1 (no label) + 1 with row size 3',
'mockParams' => [ ],
'accentColor' => '',
'accentColorText' => ''
],
];
}
}