piratepoet/packages/php/email-editor/tests/integration/Engine/ThemeControllerTest.php

<?php declare(strict_types = 1);

namespace MailPoet\EmailEditor\Engine;

class ThemeControllerTest extends \MailPoetTest {
  private ThemeController $themeController;

  public function _before() {
    parent::_before();
    $this->themeController = $this->diContainer->get(ThemeController::class);
  }

  public function testItGeneratesCssStylesForRenderer() {
    $css = $this->themeController->getStylesheetForRendering();
    // Font families
    verify($css)->stringContainsString('.has-arial-font-family');
    verify($css)->stringContainsString('.has-comic-sans-ms-font-family');
    verify($css)->stringContainsString('.has-courier-new-font-family');
    verify($css)->stringContainsString('.has-georgia-font-family');
    verify($css)->stringContainsString('.has-lucida-font-family');
    verify($css)->stringContainsString('.has-tahoma-font-family');
    verify($css)->stringContainsString('.has-times-new-roman-font-family');
    verify($css)->stringContainsString('.has-trebuchet-ms-font-family');
    verify($css)->stringContainsString('.has-verdana-font-family');
    verify($css)->stringContainsString('.has-arvo-font-family');
    verify($css)->stringContainsString('.has-lato-font-family');
    verify($css)->stringContainsString('.has-merriweather-font-family');
    verify($css)->stringContainsString('.has-merriweather-sans-font-family');
    verify($css)->stringContainsString('.has-noticia-text-font-family');
    verify($css)->stringContainsString('.has-open-sans-font-family');
    verify($css)->stringContainsString('.has-playfair-display-font-family');
    verify($css)->stringContainsString('.has-roboto-font-family');
    verify($css)->stringContainsString('.has-source-sans-pro-font-family');
    verify($css)->stringContainsString('.has-oswald-font-family');
    verify($css)->stringContainsString('.has-raleway-font-family');
    verify($css)->stringContainsString('.has-permanent-marker-font-family');
    verify($css)->stringContainsString('.has-pacifico-font-family');

    verify($css)->stringContainsString('.has-small-font-size');
    verify($css)->stringContainsString('.has-medium-font-size');
    verify($css)->stringContainsString('.has-large-font-size');
    verify($css)->stringContainsString('.has-x-large-font-size');

    // Font sizes
    verify($css)->stringContainsString('.has-small-font-size');
    verify($css)->stringContainsString('.has-medium-font-size');
    verify($css)->stringContainsString('.has-large-font-size');
    verify($css)->stringContainsString('.has-x-large-font-size');

    // Colors
    verify($css)->stringContainsString('.has-black-color');
    verify($css)->stringContainsString('.has-black-background-color');
    verify($css)->stringContainsString('.has-black-border-color');

    verify($css)->stringContainsString('.has-black-color');
    verify($css)->stringContainsString('.has-black-background-color');
    verify($css)->stringContainsString('.has-black-border-color');

    $this->checkCorrectThemeConfiguration();
    if (wp_get_theme()->get('Name') === 'Twenty Twenty-One') {
      verify($css)->stringContainsString('.has-yellow-background-color');
      verify($css)->stringContainsString('.has-yellow-color');
      verify($css)->stringContainsString('.has-yellow-border-color');
    }
  }

  public function testItCanTranslateFontSizeSlug() {
    verify($this->themeController->translateSlugToFontSize('small'))->equals('13px');
    verify($this->themeController->translateSlugToFontSize('medium'))->equals('16px');
    verify($this->themeController->translateSlugToFontSize('large'))->equals('28px');
    verify($this->themeController->translateSlugToFontSize('x-large'))->equals('42px');
    verify($this->themeController->translateSlugToFontSize('unknown'))->equals('unknown');
  }

  public function testItCanTranslateColorSlug() {
    verify($this->themeController->translateSlugToColor('black'))->equals('#000000');
    verify($this->themeController->translateSlugToColor('white'))->equals('#ffffff');
    verify($this->themeController->translateSlugToColor('cyan-bluish-gray'))->equals('#abb8c3');
    verify($this->themeController->translateSlugToColor('pale-pink'))->equals('#f78da7');
    $this->checkCorrectThemeConfiguration();
    if (wp_get_theme()->get('Name') === 'Twenty Twenty-One') {
      verify($this->themeController->translateSlugToColor('yellow'))->equals('#eeeadd');
    }
  }

  public function testItLoadsColorPaletteFromSiteTheme() {
    $this->checkCorrectThemeConfiguration();
    $settings = $this->themeController->getSettings();
    if (wp_get_theme()->get('Name') === 'Twenty Twenty-One') {
      verify($settings['color']['palette']['theme'])->notEmpty();
    }
  }

  public function testItReturnsCorrectPresetVariablesMap() {
    $variableMap = $this->themeController->getVariablesValuesMap();
    verify($variableMap['--wp--preset--color--black'])->equals('#000000');
    verify($variableMap['--wp--preset--spacing--20'])->equals('20px');
  }

  /**
   * This test depends on using Twenty Twenty-One or Twenty Nineteen theme.
   * This method checks if the theme is correctly configured and trigger a failure if not
   * to prevent silent failures in case we change theme configuration in the test environment.
   */
  private function checkCorrectThemeConfiguration() {
    $expectedThemes = ['Twenty Twenty-One'];
    if (!in_array(wp_get_theme()->get('Name'), $expectedThemes)) {
      $this->fail('Test depends on using Twenty Twenty-One or Twenty Nineteen theme. If you changed the theme, please update the test.');
    }
  }
}