Contents

'; private const SECTION_INDICATOR = ''; private const HATNOTE_CLASSNAME = 'hatnote'; private const INFOBOX_CLASSNAME = 'infobox'; private const TITLE_REV_ID = 42; /** * @var Config */ private $mfConfig; /** * @var MobileContext */ private $mfContext; protected function setUp(): void { parent::setUp(); $services = $this->getServiceContainer(); $this->mfConfig = $services->getService( 'MobileFrontend.Config' ); $this->mfContext = $services->getService( 'MobileFrontend.Context' ); } /** * Helper function that creates section headings from a heading and title * * @param string $heading * @param string $innerHtml of the heading element * @param int $sectionNumber heading corresponds to * @return string */ private static function makeSectionHeading( $heading, $innerHtml, $sectionNumber = 1 ) { return "<$heading class=\"section-heading\"" . " onclick=\"mfTempOpenSection($sectionNumber)\">" . self::SECTION_INDICATOR . "$innerHtml"; } /** * Helper function that creates sections from section number and content HTML. * * @param string $sectionNumber * @param string $contentHtml * @return string */ private static function makeSectionHtml( $sectionNumber, $contentHtml = '' ) { $className = "mf-section-$sectionNumber"; if ( $sectionNumber > 0 ) { $className .= ' ' . MakeSectionsTransform::STYLE_COLLAPSIBLE_SECTION_CLASS; } return "
$contentHtml
"; } /** * @param string $input * @param string $expected * @param bool $skipSmallImages * @covers \MobileFrontend\Transforms\LazyImageTransform * @dataProvider provideHtmlTransform */ public function testHtmlTransform( $input, $expected, $skipSmallImages = false ) { $title = Title::makeTitle( NS_MAIN, __METHOD__ ); $mf = new MobileFormatter( $input ); $transforms = self::buildTransforms( $title, $skipSmallImages ); $mf->applyTransforms( $transforms ); $html = $mf->getText(); $this->assertEquals( str_replace( "\n", '', $expected ), str_replace( "\n", '', $html ) ); } public static function provideHtmlTransform() { $longLine = "\n" . str_repeat( 'A', 5000 ); $originalImage = 'foo'; $placeholder = '' . ' ' . ''; $noscript = ''; $smallPic = ''; return [ // Nested headings are not wrapped [ '

Text goes here i think 2testestestestest

' . '

Heading

I am awesome
' . 'Text

test

more text

', self::makeSectionHtml( 0, '

Text goes here i think 2testestestestest

' . '

Heading

I am awesome
Text' ) . self::makeSectionHeading( 'h2', 'test' ) . self::makeSectionHtml( 1, '

more text

' ), ], // # Lazy loading images // Lead section images not impacted [ '

' . $originalImage . '

heading 1

text

' . '

heading 2

abc', self::makeSectionHtml( 0, '

' . $originalImage . '

' ) . self::makeSectionHeading( 'h2', 'heading 1' ) . self::makeSectionHtml( 1, '

text

' ) . self::makeSectionHeading( 'h2', 'heading 2', 2 ) . self::makeSectionHtml( 2, 'abc' ), ], // Small images not impacted when configured [ '

text

heading 1

' . $smallPic, self::makeSectionHtml( 0, '

text

' ) . self::makeSectionHeading( 'h2', 'heading 1' ) . self::makeSectionHtml( 1, $smallPic ), // Skip small images true ], // Test lazy loading of images outside the lead section [ '

text

heading 1

text

' . $originalImage . '

heading 2

abc', self::makeSectionHtml( 0, '

text

' ) . self::makeSectionHeading( 'h2', 'heading 1' ) . self::makeSectionHtml( 1, '

text

' . $noscript . $placeholder ) . self::makeSectionHeading( 'h2', 'heading 2', 2 ) . self::makeSectionHtml( 2, 'abc' ), ], // https://phabricator.wikimedia.org/T130025, last section filtered [ '

text

heading 1

text

' . $originalImage . '

heading 2

' . $originalImage, self::makeSectionHtml( 0, '

text

' ) . self::makeSectionHeading( 'h2', 'heading 1' ) . self::makeSectionHtml( 1, '

text

' . $noscript . $placeholder ) . self::makeSectionHeading( 'h2', 'heading 2', 2 ) . self::makeSectionHtml( 2, $noscript . $placeholder ), ], // # Section wrapping // \n in headers [ '

Forty-niners' . 'Edit

' . $longLine, self::makeSectionHtml( 0, '' ) . self::makeSectionHeading( 'h2', 'Forty-niners' . 'Edit' ) . self::makeSectionHtml( 1, $longLine ), ], // \n in headers [ '

h3

' . $longLine . '

h4

' . 'h4 text.', self::makeSectionHtml( 0, '' ) . self::makeSectionHeading( 'h3', 'h3' ) . self::makeSectionHtml( 1, $longLine . '

h4

' . 'h4 text.' ), ], // \n in headers [ '
h6
' . $longLine, self::makeSectionHtml( 0, '' ) . self::makeSectionHeading( 'h6', 'h6' ) . self::makeSectionHtml( 1, $longLine ), ], // T38670 [ '

' . 'HistoryEdit

' . $longLine, self::makeSectionHtml( 0, '' ) . self::makeSectionHeading( 'h2', '' . 'HistoryEdit' ) . self::makeSectionHtml( 1, $longLine ), ], // Infobox and the first paragraph in lead section transformations [ // no lead section, no infobox, a section '

Heading 1

' . '

paragraph 3

', self::makeSectionHtml( 0, '' ) . self::makeSectionHeading( 'h2', 'Heading 1' ) . self::makeSectionHtml( 1, '

paragraph 3

' ), ], [ // hat-note, lead section, no infobox, another section '
hatnote
' . '

paragraph 1

' . '

paragraph 2

' . '

Heading 1

' . '

paragraph 3

', self::makeSectionHtml( 0, '
hatnote
' . '

paragraph 1

' . '

paragraph 2

' ) . self::makeSectionHeading( 'h2', 'Heading 1' ) . self::makeSectionHtml( 1, '

paragraph 3

' ), ], [ // hat-note, lead section, infobox, another section '
hatnote
' . '
infobox
' . '

paragraph 1

' . '

paragraph 2

' . '

Heading 1

' . '

paragraph 3

', self::makeSectionHtml( 0, '
hatnote
' . '

paragraph 1

' . '
infobox
' . '

paragraph 2

' ) . self::makeSectionHeading( 'h2', 'Heading 1' ) . self::makeSectionHtml( 1, '

paragraph 3

' ), ], [ // first paragraph is already before the lead section '

paragraph 1

' . '
infobox
' . '

paragraph 2

' . '

Heading 1

' . '

paragraph 3

', self::makeSectionHtml( 0, '

paragraph 1

' . '
infobox
' . '

paragraph 2

' ) . self::makeSectionHeading( 'h2', 'Heading 1' ) . self::makeSectionHtml( 1, '

paragraph 3

' ), ], [ // infobox, but no paragraphs in the lead section '
infobox
' . '

Heading 1

' . '

paragraph 1

', self::makeSectionHtml( 0, '
infobox
' ) . self::makeSectionHeading( 'h2', 'Heading 1' ) . self::makeSectionHtml( 1, '

paragraph 1

' ), ], [ // no lead section, infobox after the first section '

Heading 1

' . '

paragraph 1

' . '
infobox
', self::makeSectionHtml( 0, '' ) . self::makeSectionHeading( 'h2', 'Heading 1' ) . self::makeSectionHtml( 1, '

paragraph 1

' . '
infobox
' ), ], [ // two infoboxes, lead section, another section '
infobox 1
' . '
infobox 2
' . '

paragraph 1

' . '

Heading 1

' . '

paragraph 1

', self::makeSectionHtml( 0, '

paragraph 1

' . '
infobox 1
' . '
infobox 2
' ) . self::makeSectionHeading( 'h2', 'Heading 1' ) . self::makeSectionHtml( 1, '

paragraph 1

' ), ], [ // first paragraph (which has coordinates and is hidden on mobile), // infobox, lead section '' . '

Coordinates

' . '
infobox
' . '

paragraph 2

' . '', self::makeSectionHtml( 0, '

Coordinates

' . '

paragraph 2

' . '
infobox
' ), ], [ // hatnote, infobox, thumbnail, lead section, another section '
hatnote
' . '
infobox
' . '
Thumbnail
' . '

paragraph 1

' . '

paragraph 2

' . '

Heading 1

' . '

paragraph 3

', self::makeSectionHtml( 0, '
hatnote
' . '

paragraph 1

' . '
infobox
' . '
Thumbnail
' . '

paragraph 2

' ) . self::makeSectionHeading( 'h2', 'Heading 1' ) . self::makeSectionHtml( 1, '

paragraph 3

' ), ], [ // empty first paragraph, infobox, second paragraph, another section '

' . '
infobox
' . '

paragraph 2

' . '

Heading 1

' . '

paragraph 3

', self::makeSectionHtml( 0, '

' . '

paragraph 2

' . '
infobox
' ) . self::makeSectionHeading( 'h2', 'Heading 1' ) . self::makeSectionHtml( 1, '

paragraph 3

' ), ], [ // infobox, empty first paragraph, second paragraph, another section '
infobox
' . '

' . '

paragraph 2

' . '

Heading 1

' . '

paragraph 3

', self::makeSectionHtml( 0, '

paragraph 2

' . '
infobox
' . '

' ) . self::makeSectionHeading( 'h2', 'Heading 1' ) . self::makeSectionHtml( 1, '

paragraph 3

' ), ], [ // infobox, a paragraph, list element // @see https://phabricator.wikimedia.org/T149852 '
infobox
' . '

paragraph

' . '
  1. item 1
  2. item 2
', self::makeSectionHtml( 0, '

paragraph

  1. item 1
  2. item 2
' . '
infobox
' ), ], [ // 2 hat-notes, ambox, 2 infoboxes, 2 paragraphs, another section '
hatnote
' . '
hatnote
' . '
ambox
' . '
infobox 1
' . '
infobox 2
' . '

paragraph 1

' . '

paragraph 2

' . '' . '

Heading 1

' . '

paragraph 3

', self::makeSectionHtml( 0, '
hatnote
' . '
hatnote
' . '
ambox
' . '

paragraph 1

' . '
infobox 1
' . '
infobox 2
' . '

paragraph 2

' ) . self::makeSectionHeading( 'h2', 'Heading 1' ) . self::makeSectionHtml( 1, '

paragraph 3

' ), ], [ // Minimal test case for T149561: `p` elements should be immediate // descendants of the section container element (`div`, currently). '' . '

SURPRISE PARAGRAPH

' . '

paragraph 1

', self::makeSectionHtml( 0, '

paragraph 1

' . '' . '

SURPRISE PARAGRAPH

' ), ], [ // T149389: If the infobox is inside one or more containers, i.e. not an // immediate child of the section container element, then // MobileFormatter#moveFirstParagraphBeforeInfobox will trigger a "Not // Found Error" warning. // Do not touch infoboxes that are not immediate children of the lead section // unless... (see next test T170006) '
infobox
' . '

paragraph 1

', self::makeSectionHtml( 0, '
infobox
' . '

paragraph 1

' ), ], // Remove non-mobile elements [ '
Foo
Bar
' . '
Foo
Foo
', self::makeSectionHtml( 0, '
Bar
Foo
' ) ] ]; } public static function buildTransforms( $title, bool $lazyLoadSkipSmallImages = false, $topHeadingTags = [ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' ], bool $shouldLazyTransformImages = true, bool $showFirstParagraphBeforeInfobox = true ) { // Sectionify the content and transform it if necessary per section $transforms = []; // List some selectors for example $transforms[] = new RemovableClassesTransform( [ '.nomobile', '.navbox' ] ); $transforms[] = new MakeSectionsTransform( $topHeadingTags, true ); if ( $shouldLazyTransformImages ) { $transforms[] = new LazyImageTransform( $lazyLoadSkipSmallImages ); } if ( $showFirstParagraphBeforeInfobox ) { $transforms[] = new MoveLeadParagraphTransform( $title, self::TITLE_REV_ID ); } return $transforms; } /** * @dataProvider provideSectionTransform */ public function testSectionTransform( array $topHeadingTags, $input, $expectedOutput ) { $title = Title::makeTitle( NS_MAIN, __METHOD__ ); $formatter = new MobileFormatter( $input ); $formatter->applyTransforms( self::buildTransforms( $title, false, $topHeadingTags ) ); $this->assertEquals( $expectedOutput, $formatter->getText() ); } public static function provideSectionTransform() { return [ // The first heading found is the highest ranked // subheading. [ [ 'h1', 'h2', 'h3' ], '

Bar

Qux

', self::makeSectionHtml( 0, '' ) . self::makeSectionHeading( 'h2', 'Bar' ) . self::makeSectionHtml( 1, '

Qux

' ), ], // Unenclosed text is appended to the expandable container. [ [ 'h1', 'h2' ], '

Foo

Bar

A', self::makeSectionHtml( 0, '' ) . self::makeSectionHeading( 'h1', 'Foo' ) . self::makeSectionHtml( 1, '

Bar

A' ) ], // Unencloded text that appears before the first // heading is appended to a container. // FIXME: This behaviour was included for backwards // compatibility but mightn't be necessary. [ [ 'h1', 'h2' ], 'A

Foo

Bar

', self::makeSectionHtml( 0, 'A' ) . self::makeSectionHeading( 'h1', 'Foo' ) . self::makeSectionHtml( 1, '

Bar

' ), ], // Multiple headings are handled identically. [ [ 'h1', 'h2' ], '

Foo

Bar

Baz

Qux

Quux', self::makeSectionHtml( 0, '' ) . self::makeSectionHeading( 'h1', 'Foo' ) . self::makeSectionHtml( 1, '

Bar

Baz' ) . self::makeSectionHeading( 'h1', 'Qux', 2 ) . self::makeSectionHtml( 2, 'Quux' ), ], ]; } /** * @see https://phabricator.wikimedia.org/T137375 */ public function testT137375() { $input = '

Hello, world!

Section heading

    '; $formatter = new MobileFormatter( $input ); $formatter->applyTransforms( [] ); // Success is not crashing when the input is not a DOMElement. $this->assertTrue( true ); } /** * @see https://phabricator.wikimedia.org/T149884 * @param string $input * @dataProvider provideLoggingOfInfoboxesBeingWrappedInContainersWhenWrapped */ public function testLoggingOfInfoboxesBeingWrappedInContainersWhenWrapped( $input ) { $this->overrideConfigValue( 'MFLogWrappedInfoboxes', true ); $formatter = new MobileFormatter( $input ); $titleText = 'T149884'; $title = Title::makeTitle( NS_MAIN, $titleText ); $loggerMock = $this->createMock( \Psr\Log\LoggerInterface::class ); $loggerMock->expects( $this->once() ) ->method( 'info' ) ->willReturnCallback( function ( $message ) use ( $titleText ) { // Debug message contains Page title $this->assertStringContainsString( $titleText, $message ); // and contains revision id $this->assertStringContainsString( self::TITLE_REV_ID, $message ); } ); $this->setLogger( 'mobile', $loggerMock ); $formatter->applyTransforms( self::buildTransforms( $title ) ); } public static function provideLoggingOfInfoboxesBeingWrappedInContainersWhenWrapped() { $box = self::buildInfoboxHTML( 'infobox' ); return [ // wrapped once [ "
    $box
    " ], // wrapped twice [ "

    $box

    " ], // wrapped multiple times [ "

    Test

    $box

    " ] ]; } /** * @see https://phabricator.wikimedia.org/T149884 * @dataProvider provideLoggingOfInfoboxesBeingWrappedInContainersWhenNotWrapped */ public function testLoggingOfInfoboxesBeingWrappedInContainersWhenNotWrapped( $input ) { $this->overrideConfigValue( 'MFLogWrappedInfoboxes', true ); $formatter = new MobileFormatter( $input ); $loggerMock = $this->createMock( \Psr\Log\LoggerInterface::class ); $loggerMock->expects( $this->never() ) ->method( 'info' ); $this->setLogger( 'mobile', $loggerMock ); $title = Title::makeTitle( NS_MAIN, 'T149884' ); $formatter->applyTransforms( self::buildTransforms( $title ) ); } public static function provideLoggingOfInfoboxesBeingWrappedInContainersWhenNotWrapped() { $box = self::buildInfoboxHTML( 'infobox' ); return [ // no wrapping [ $box ], // Although the box is wrapped, it comes over the first paragraph so isn't a problem (T196767) [ "

    First para

    $box
    " ], // Although the box is wrapped, it comes over the first paragraph so isn't a problem (T196767) [ "

    First para

    $box
    " ], // if wrapped inside mw-stack no logging occurs [ "
    $box
    " ], // if wrapped inside navbox, which should be removed before this transform (T185040) [ "
    $box
    " ], ]; } /** * @see https://phabricator.wikimedia.org/T163805 */ public function testLoggingOfInfoboxesSkipsInfoBoxInsideInfobox() { $this->overrideConfigValue( 'MFLogWrappedInfoboxes', true ); // wrapped inside different infobox $input = self::buildInfoboxHTML( self::buildInfoboxHTML( 'test' ) ); $formatter = new MobileFormatter( $input ); $loggerMock = $this->createMock( \Psr\Log\LoggerInterface::class ); $loggerMock->expects( $this->never() ) ->method( 'info' ); $this->setLogger( 'mobile', $loggerMock ); $title = Title::makeTitle( NS_MAIN, 'T163805' ); $formatter->applyTransforms( self::buildTransforms( $title ) ); } /** * Helper function to create an infobox with given content * * @param string $content * @return string built HTML */ private static function buildInfoboxHTML( $content ) { return "
    " . $content . "
    "; } }