piratepoet/tests/unit/Form/RendererTest.php

<?php

namespace MailPoet\Test\Form;

use Codeception\Util\Fixtures;
use MailPoet\Form\BlocksRenderer;
use MailPoet\Form\Renderer;
use MailPoet\Form\Util\Styles;
use MailPoet\Settings\SettingsController;
use MailPoet\Subscription\Captcha;
use PHPUnit\Framework\MockObject\MockObject;

require_once __DIR__ . '/HtmlParser.php';

class RendererTest extends \MailPoetUnitTest {
  /** @var Renderer */
  private $renderer;

  /** @var MockObject & Styles */
  private $stylesMock;

  /** @var MockObject & SettingsController */
  private $settingsMock;

  /** @var MockObject & BlocksRenderer */
  private $blocksRendererMock;

  /** @var HtmlParser */
  private $htmlParser;

  public function _before() {
    parent::_before();
    $this->stylesMock = $this->createMock(Styles::class);
    $this->settingsMock = $this->createMock(SettingsController::class);
    $this->blocksRendererMock = $this->createMock(BlocksRenderer::class);
    $this->renderer = new Renderer($this->stylesMock, $this->settingsMock, $this->blocksRendererMock);
    $this->htmlParser = new HtmlParser();
  }

  public function testItShouldRenderBlocks() {
    $this->blocksRendererMock
      ->expects($this->exactly(2))
      ->method('renderBlock')
      ->willReturn('<div class="block">Dummy</div>');
    $this->settingsMock
      ->method('get')
      ->with('captcha.type')
      ->willReturn(Captcha::TYPE_DISABLED);
    $html = $this->renderer->renderBlocks(Fixtures::get('simple_form_body'));
    $blocks = $this->htmlParser->findByXpath($html, "//div[@class='block']");
    expect($blocks->length)->equals(2);
  }

  public function testItShouldRenderHoneypot() {
    $this->blocksRendererMock->method('renderBlock')->willReturn('<div>Dummy</div>');
    $this->settingsMock
      ->method('get')
      ->with('captcha.type')
      ->willReturn(Captcha::TYPE_DISABLED);
    $html = $this->renderer->renderBlocks(Fixtures::get('simple_form_body'));
    $hpLabel = $this->htmlParser->findByXpath($html, "//label[@class='mailpoet_hp_email_label']");
    expect($hpLabel->length)->equals(1);
    $hpInput = $this->htmlParser->findByXpath($html, "//input[@type='email']");
    expect($hpInput->length)->equals(1);
  }

  public function testItShouldRenderReCaptcha() {
    $token = '123456';
    $this->blocksRendererMock->method('renderBlock')->willReturn('<div>Dummy</div>');
    $this->settingsMock
      ->method('get')
      ->will($this->returnValueMap([
        ['captcha.type', null, Captcha::TYPE_RECAPTCHA],
        ['captcha.recaptcha_site_token', null, $token],
      ]));
    $html = $this->renderer->renderBlocks(Fixtures::get('simple_form_body'));
    $recaptcha = $this->htmlParser->findByXpath($html, "//div[@class='mailpoet_recaptcha']");
    expect($recaptcha->length)->equals(1);
    $recaptchaIframes = $this->htmlParser->findByXpath($html, "//iframe");
    expect($recaptchaIframes->length)->equals(1);
    $iframe = $recaptchaIframes->item(0);
    assert($iframe instanceof \DOMNode);
    $source = $iframe->attributes->getNamedItem('src');
    assert($source instanceof \DOMAttr);
    expect($source->value)->equals("https://www.google.com/recaptcha/api/fallback?k=$token");
  }

  public function testItShouldNotRenderHoneypotAndRecaptcha() {
    $this->blocksRendererMock->method('renderBlock')->willReturn('<div>Dummy</div>');
    $this->settingsMock
      ->method('get')
      ->with('captcha.type')
      ->willReturn(Captcha::TYPE_DISABLED);
    $html = $this->renderer->renderBlocks(Fixtures::get('simple_form_body'), [], false);
    $hpLabel = $this->htmlParser->findByXpath($html, "//label[@class='mailpoet_hp_email_label']");
    expect($hpLabel->length)->equals(0);
    $recaptcha = $this->htmlParser->findByXpath($html, "//div[@class='mailpoet_recaptcha']");
    expect($recaptcha->length)->equals(0);
  }

  public function testItShouldNotRenderStylesForFormWithoutSettings() {
    $form = Fixtures::get('simple_form_body');
    $styles = $this->renderer->renderFormElementStyles($form);
    expect($styles)->equals('');
  }

  public function testItShouldRenderBackgroundColour() {
    $form = Fixtures::get('simple_form_body');
    $form['settings'] = ['backgroundColor' => 'red'];
    $form['styles'] = '.mailpoet_paragraph {}';
    $styles = $this->renderer->renderStyles($form, 'prefix');
    expect($styles)->contains('background-color: red');
  }

  public function testItShouldRenderFontColour() {
    $form = Fixtures::get('simple_form_body');
    $form['settings'] = ['fontColor' => 'red'];
    $styles = $this->renderer->renderFormElementStyles($form);
    expect($styles)->equals('color: red');
  }

  public function testItShouldRenderBorder() {
    $form = Fixtures::get('simple_form_body');
    $form['settings'] = ['border_size' => '22', 'border_color' => 'red'];
    $form['styles'] = '.mailpoet_paragraph {}';
    $styles = $this->renderer->renderStyles($form, 'prefix');
    expect($styles)->contains('border: 22px solid red');
  }

  public function testItShouldRenderPadding() {
    $form = Fixtures::get('simple_form_body');
    $form['settings'] = ['form_padding' => '22'];
    $styles = $this->renderer->renderFormElementStyles($form);
    expect($styles)->equals('padding: 22px');
  }

  public function testItShouldRenderAlignment() {
    $form = Fixtures::get('simple_form_body');
    $form['settings'] = ['alignment' => 'right'];
    $styles = $this->renderer->renderFormElementStyles($form);
    expect($styles)->equals('text-align: right');
  }

  public function testItShouldRenderBorderWithRadius() {
    $form = Fixtures::get('simple_form_body');
    $form['settings'] = ['border_size' => '22', 'border_color' => 'red', 'border_radius' => '11'];
    $form['styles'] = '.mailpoet_paragraph {}';
    $styles = $this->renderer->renderStyles($form, 'prefix');
    expect($styles)->contains('border: 22px solid red;border-radius: 11px');
  }

  public function testItShouldRenderImageBackground() {
    $form = Fixtures::get('simple_form_body');
    $form['settings'] = ['background_image_url' => 'xxx'];
    $form['styles'] = '.mailpoet_paragraph {}';
    $styles = $this->renderer->renderStyles($form, 'prefix');
    expect($styles)->contains('background-image: url(xxx)');
    expect($styles)->contains('background-position: center');
    expect($styles)->contains('background-repeat: no-repeat');
    expect($styles)->contains('background-size: cover');
  }

  public function testItShouldRenderImageBackgroundTile() {
    $form = Fixtures::get('simple_form_body');
    $form['settings'] = ['background_image_url' => 'xxx', 'background_image_display' => 'tile'];
    $form['styles'] = '.mailpoet_paragraph {}';
    $styles = $this->renderer->renderStyles($form, 'prefix');
    expect($styles)->contains('background-image: url(xxx)');
    expect($styles)->contains('background-position: center');
    expect($styles)->contains('background-repeat: repeat');
    expect($styles)->contains('background-size: auto');
  }

  public function testItShouldRenderImageBackgroundFit() {
    $form = Fixtures::get('simple_form_body');
    $form['settings'] = ['background_image_url' => 'xxx', 'background_image_display' => 'fit'];
    $form['styles'] = '.mailpoet_paragraph {}';
    $styles = $this->renderer->renderStyles($form, 'prefix');
    expect($styles)->contains('background-image: url(xxx)');
    expect($styles)->contains('background-position: center top');
    expect($styles)->contains('background-repeat: no-repeat');
    expect($styles)->contains('background-size: contain');
  }
}