futtta / autoptimize

     *

     * case: picture tag

     */

    public function test_imgopt_picture()

    {

        $urls                                        = $this->get_urls();

        $siteurl                                     = $urls['siteurl'];

        $imgopthost                                  = $urls['imgopthost'];

        $opts                                        = autoptimizeImages::fetch_options();

        $opts['autoptimize_imgopt_checkbox_field_1'] = '1';

        $opts['autoptimize_imgopt_checkbox_field_3'] = '0';

        $markup = <<<MARKUP

<picture><source srcset="$siteurl/wp-content/image.jpg" media="(min-width: 800px)"><img src="$siteurl/wp-content/image.jpg"/></picture>

MARKUP;

        $expected = <<<MARKUP

<picture><source srcset="$imgopthost/client/q_glossy,ret_img/$siteurl/wp-content/image.jpg" media="(min-width: 800px)"><img src="$imgopthost/client/q_glossy,ret_img/$siteurl/wp-content/image.jpg"/></picture>

MARKUP;

        $instance = autoptimizeImages::instance();

        $instance->set_options( $opts );

        $actual = $instance->filter_optimize_images( $markup );

        $this->assertEquals( $expected, $actual );

    }

    /**

     * Test image optimization & lazyload in autoptimizeImages.php.

     *

     * case: background image in a style attribute

     */

    public function test_imgopt_bgimg()

    {

        $urls                                        = $this->get_urls();

        $siteurl                                     = $urls['siteurl'];

        $imgopthost                                  = $urls['imgopthost'];

        $opts                                        = autoptimizeImages::fetch_options();

        $opts['autoptimize_imgopt_checkbox_field_1'] = '1';

        $opts['autoptimize_imgopt_checkbox_field_3'] = '0';

        $markup = <<<MARKUP

<div class="textwidget custom-html-widget"><div class="et_parallax_bg et_pb_parallax_css" style="height:200px; background-image: url($siteurl/wp-content/uploads/2018/05/DSC_1615-300x201.jpg);"></div>

MARKUP;

        $expected = <<<MARKUP

<div class="textwidget custom-html-widget"><div class="et_parallax_bg et_pb_parallax_css" style="height:200px; background-image: url($imgopthost/client/q_glossy,ret_img/$siteurl/wp-content/uploads/2018/05/DSC_1615-300x201.jpg);"></div>

MARKUP;

        $instance = autoptimizeImages::instance();

        $instance->set_options( $opts );

        $actual = $instance->filter_optimize_images( $markup );

        $this->assertEquals( $expected, $actual );

    }

    /**

     * Test lazyloading in autoptimizeImages.php.

     *

     * case: picture tag

     */

    public function test_picture_lazyload()

    {

        $urls                                        = $this->get_urls();

        $siteurl                                     = $urls['siteurl'];

        $imgopthost                                  = $urls['imgopthost'];

        $opts                                        = autoptimizeImages::fetch_options();

        $opts['autoptimize_imgopt_checkbox_field_3'] = '1';

        $markup = <<<MARKUP

<picture><source srcset="$siteurl/wp-content/image.jpg" media="(min-width: 800px)"><img src="$siteurl/wp-content/image.jpg"/></picture>

MARKUP;

        $expected = <<<MARKUP

<picture><source data-srcset="$siteurl/wp-content/image.jpg" media="(min-width: 800px)"><noscript><img src="$siteurl/wp-content/image.jpg"/></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="$siteurl/wp-content/image.jpg"/></picture>

MARKUP;

        $instance = autoptimizeImages::instance();

        $instance->set_options( $opts );

        $actual = $instance->filter_lazyload_images( $markup );

        $this->assertEquals( $expected, $actual );

    }

    /**

     * Test lazyload in autoptimizeImages.php.