piratepoet/tests/unit/Form/BlockStylesRendererTest.php

<?php

namespace MailPoet\Test\Form;

use MailPoet\Form\BlockStylesRenderer;
use MailPoet\WP\Functions as WPFunctions;

require_once __DIR__ . '/HtmlParser.php';

class BlockStylesRendererTest extends \MailPoetUnitTest {
  /** @var BlockStylesRenderer */
  private $renderer;

  public function _before() {
    parent::_before();
    $wpMock = $this->createMock(WPFunctions::class);
    $wpMock->method('escAttr')->will($this->returnArgument(0));
    $this->renderer = new BlockStylesRenderer($wpMock);
  }

  public function testItShouldReturnEmptyStringForNoStylesOrUnsupportedStyles() {
    expect($this->renderer->renderForTextInput([]))->equals('');
    expect($this->renderer->renderForTextInput(['nonsense' => '10px']))->equals('');
  }

  public function testItShouldRenderSingleTextInputStyles() {
    expect($this->renderer->renderForTextInput(['border_radius' => 10]))->equals('border-style:solid;border-radius:10px !important;');
    expect($this->renderer->renderForTextInput(['border_color' => '#fff']))->equals('border-style:solid;border-color:#fff;');
    expect($this->renderer->renderForTextInput(['border_size' => 10]))->equals('border-style:solid;border-width:10px;');
    expect($this->renderer->renderForTextInput(['background_color' => '#dddddd']))->equals('background-color:#dddddd;');
  }

  public function testItShouldCompleteTextInputStyles() {
    $styles = [
      'border_radius' => 10,
      'border_color' => '#fff',
      'border_size' => 10,
      'background_color' => '#dddddd',
      'bold' => '1',
    ];
    $settings = [
      'input_padding' => '40',
      'fontSize' => 13,
    ];
    $result = $this->renderer->renderForTextInput($styles, $settings);
    expect($result)->stringContainsString('border-radius:10px !important;');
    expect($result)->stringContainsString('border-color:#fff;');
    expect($result)->stringContainsString('border-width:10px;');
    expect($result)->stringContainsString('background-color:#dddddd;');
    expect($result)->stringContainsString('padding:40px;');
    expect($result)->stringContainsString('font-size:13px;');
    expect($result)->stringNotContainsString('font-weight:bold;');
  }

  public function testItShouldRenderSingleButtonStyles() {
    expect($this->renderer->renderForButton(['border_radius' => 10]))->equals('border-style:solid;border-radius:10px !important;border-color:transparent;');
    expect($this->renderer->renderForButton(['border_color' => '#fff']))->equals('border-style:solid;border-color:#fff;');
    expect($this->renderer->renderForButton(['border_size' => 10]))->equals('border-style:solid;border-width:10px;border-color:transparent;');
    expect($this->renderer->renderForButton(['background_color' => '#dddddd']))->equals('background-color:#dddddd;border-color:transparent;');
    expect($this->renderer->renderForButton(['font_color' => '#aaa']))->equals('color:#aaa;border-color:transparent;');
    expect($this->renderer->renderForButton(['font_size' => 10]))->equals('font-size:10px;line-height:1.5;height:auto;border-color:transparent;');
  }

  public function testItShouldCompleteButtonStyles() {
    $styles = [
      'border_radius' => 10,
      'border_color' => '#fff',
      'border_size' => 10,
      'background_color' => '#dddddd',
      'font_color' => '#eeeeee',
      'font_size' => 8,
      'bold' => '1',
    ];
    $settings = [
      'input_padding' => '40',
      'fontSize' => 13,
    ];
    $result = $this->renderer->renderForButton($styles, $settings);
    expect($result)->stringContainsString('border-radius:10px !important;');
    expect($result)->stringContainsString('border-color:#fff;');
    expect($result)->stringContainsString('border-width:10px;');
    expect($result)->stringContainsString('background-color:#dddddd;');
    expect($result)->stringContainsString('color:#eeeeee;');
    expect($result)->stringContainsString('font-size:8px;');
    expect($result)->stringContainsString('font-weight:bold;');
    expect($result)->stringContainsString('padding:40px;');
  }

  public function testItShouldRenderButtonGradient() {
    $styles = [
      'gradient' => 'linear-gradient(#eee, #ddd)',
    ];
    $settings = [
      'input_padding' => '40',
      'fontSize' => 13,
    ];
    $result = $this->renderer->renderForButton($styles, $settings);
    expect($result)->stringContainsString('background: linear-gradient(#eee, #ddd);');
  }

  public function testItShouldRenderSegmentInputStyles() {
    expect($this->renderer->renderForSelect([], ['input_padding' => 10]))->equals('padding:10px;');
    expect($this->renderer->renderForSelect([], ['alignment' => 'right']))->equals('margin: 0 0 0 auto;');
    expect($this->renderer->renderForSelect([], ['alignment' => 'center']))->equals('margin: 0 auto;');
  }

  public function testItShouldRenderPlaceholderStyles() {
    expect($this->renderer->renderPlaceholderStyles([], 'input'))->equals('');
    expect($this->renderer->renderPlaceholderStyles(['params' => ['label_within' => '1']], 'input'))->equals('');
    expect($this->renderer->renderPlaceholderStyles([
      'params' => ['label_within' => '1'],
      'styles' => ['font_color' => 'red'],
    ], 'input'))->notEquals('');
  }

  public function testItShouldRenderFontFamily() {
    $styles = [];
    $settings = [
      'font_family' => 'font1',
    ];
    $result = $this->renderer->renderForButton($styles, $settings);
    expect($result)->stringContainsString("font-family:'font1'");
    $result = $this->renderer->renderForButton(['font_family' => 'font2'], $settings);
    expect($result)->stringContainsString("font-family:'font2'");
  }
}