set( 'skin', new \SkinVector() ); return $template; } /** * @param string $nodeString an HTML of the node we want to verify * @param string $tag Tag of the element we want to check * @param string $attribute Attribute of the element we want to check * @param string $search Value of the attribute we want to verify * @return bool */ private function expectNodeAttribute( $nodeString, $tag, $attribute, $search ) { $node = new \DOMDocument(); $node->loadHTML( $nodeString ); $element = $node->getElementsByTagName( $tag )->item( 0 ); if ( !$element ) { return false; } $values = explode( ' ', $element->getAttribute( $attribute ) ); return in_array( $search, $values ); } /** * @covers ::makeListItem */ public function testMakeListItemRespectsCollapsibleOption() { $template = $this->provideVectorTemplateObject(); $listItemClass = 'my_test_class'; $options = [ 'vector-collapsible' => true ]; $item = [ 'class' => $listItemClass ]; $nonCollapsible = $template->makeListItem( 'key', $item, [] ); $collapsible = $template->makeListItem( 'key', [], $options ); $this->assertTrue( $this->expectNodeAttribute( $collapsible, 'li', 'class', 'collapsible' ), 'The collapsible element has to have `collapsible` class' ); $this->assertFalse( $this->expectNodeAttribute( $nonCollapsible, 'li', 'class', 'collapsible' ), 'The non-collapsible element should not have `collapsible` class' ); $this->assertTrue( $this->expectNodeAttribute( $nonCollapsible, 'li', 'class', $listItemClass ), 'The non-collapsible element should preserve item class' ); } /** * @covers ::makeListItem */ public function testWatcAndUnwatchHasIconClass() { $template = $this->provideVectorTemplateObject(); $this->setMwGlobals( [ 'wgVectorUseIconWatch' => true ] ); $listItemClass = 'my_test_class'; $options = []; $item = [ 'class' => $listItemClass ]; $watchListItem = $template->makeListItem( 'watch', $item, [] ); $unwatchListItem = $template->makeListItem( 'unwatch', [], $options ); $regularListItem = $template->makeListItem( 'whatever', $item, $options ); $this->assertTrue( $this->expectNodeAttribute( $watchListItem, 'li', 'class', 'icon' ), 'Watch list items require an "icon" class' ); $this->assertTrue( $this->expectNodeAttribute( $unwatchListItem, 'li', 'class', 'icon' ), 'Unwatch list items require an "icon" class' ); $this->assertFalse( $this->expectNodeAttribute( $regularListItem, 'li', 'class', 'icon' ), 'List item other than watch or unwatch should not have an "icon" class' ); $this->assertTrue( $this->expectNodeAttribute( $watchListItem, 'li', 'class', $listItemClass ), 'Watch list items require an item class' ); } /** * @covers ::makeListItem */ public function testWatchAndUnwatchHasIconClassOnlyIfVectorUseIconWatchIsSet() { $template = $this->provideVectorTemplateObject(); $this->setMwGlobals( [ 'wgVectorUseIconWatch' => false ] ); $listItemClass = 'my_test_class'; $item = [ 'class' => $listItemClass ]; $watchListItem = $template->makeListItem( 'watch', $item, [] ); $this->assertFalse( $this->expectNodeAttribute( $watchListItem, 'li', 'class', 'icon' ), 'Watch list should not have an "icon" class when VectorUserIconWatch is disabled' ); $this->assertTrue( $this->expectNodeAttribute( $watchListItem, 'li', 'class', $listItemClass ), 'Watch list items require an item class' ); } /** * @covers ::getMenuProps */ public function testGetMenuProps() { $langAttrs = 'LANG_ATTRIBUTES'; $vectorTemplate = $this->provideVectorTemplateObject(); // used internally by getPersonalTools $vectorTemplate->set( 'personal_urls', [] ); $vectorTemplate->set( 'content_navigation', [ 'actions' => [], 'namespaces' => [], 'variants' => [], 'views' => [], ] ); $vectorTemplate->set( 'userlangattributes', $langAttrs ); $openVectorTemplate = TestingAccessWrapper::newFromObject( $vectorTemplate ); $props = $openVectorTemplate->getMenuProps(); $views = $props['data-page-actions']; $namespaces = $props['data-namespace-tabs']; $this->assertSame( $views, [ 'id' => 'p-views', 'class' => 'emptyPortlet vectorMenu-tabs vectorTabs', 'label-id' => 'p-views-label', 'label' => 'Views', 'html-userlangattributes' => $langAttrs, 'html-items' => '', 'class' => 'emptyPortlet vectorMenu-tabs vectorTabs', 'is-dropdown' => false, ] ); $variants = $props['data-variants']; $actions = $props['data-page-actions-more']; $this->assertSame( $namespaces['class'], 'emptyPortlet vectorMenu-tabs vectorTabs' ); $this->assertSame( $variants['class'], 'emptyPortlet vectorMenu-dropdown vectorMenu' ); $this->assertSame( $actions['class'], 'emptyPortlet vectorMenu-dropdown vectorMenu' ); $this->assertSame( $props['data-personal-menu']['class'], 'emptyPortlet vectorMenu-default' ); } }