For more information about this repository, visit the project page at https://www.drupal.org/project/twig_tweak
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
298 lines
11 KiB
298 lines
11 KiB
<?php |
|
|
|
namespace Drupal\Tests\twig_tweak\Functional; |
|
|
|
use Drupal\Core\Link; |
|
use Drupal\Core\Url; |
|
use Drupal\file\Entity\File; |
|
use Drupal\responsive_image\Entity\ResponsiveImageStyle; |
|
use Drupal\Tests\BrowserTestBase; |
|
use Drupal\user\Entity\Role; |
|
|
|
/** |
|
* A test for Twig extension. |
|
* |
|
* @group twig_tweak |
|
*/ |
|
class TwigTweakTest extends BrowserTestBase { |
|
|
|
/** |
|
* {@inheritdoc} |
|
*/ |
|
public static $modules = [ |
|
'twig_tweak', |
|
'twig_tweak_test', |
|
'views', |
|
'node', |
|
'block', |
|
'image', |
|
'responsive_image', |
|
]; |
|
|
|
/** |
|
* {@inheritdoc} |
|
*/ |
|
public function setUp() { |
|
parent::setUp(); |
|
$this->createContentType(['type' => 'page']); |
|
$this->createNode(['title' => 'Alpha']); |
|
$this->createNode(['title' => 'Beta']); |
|
$this->createNode(['title' => 'Gamma']); |
|
|
|
file_unmanaged_copy(DRUPAL_ROOT . '/core/misc/druplicon.png', 'public://druplicon.png'); |
|
$file = File::create([ |
|
'uri' => 'public://druplicon.png', |
|
'filename' => 'druplicon.png', |
|
'uuid' => 'b2c22b6f-7bf8-4da4-9de5-316e93487518', |
|
'status' => 1, |
|
]); |
|
$file->save(); |
|
|
|
ResponsiveImageStyle::create([ |
|
'id' => 'example', |
|
'label' => 'Example', |
|
'breakpoint_group' => 'responsive_image', |
|
])->save(); |
|
|
|
} |
|
|
|
/** |
|
* Tests output produced by the Twig extension. |
|
*/ |
|
public function testOutput() { |
|
// Title block rendered through drupal_region() is cached by some reason. |
|
\Drupal::service('cache_tags.invalidator')->invalidateTags(['block_view']); |
|
$this->drupalGet('<front>'); |
|
|
|
// Test default views display. |
|
$xpath = '//div[@class = "tt-view-default"]'; |
|
$xpath .= '//div[contains(@class, "view-twig-tweak-test") and contains(@class, "view-display-id-default")]'; |
|
$xpath .= '/div[@class = "view-content"]//ul[count(./li) = 3]/li'; |
|
$this->assertByXpath($xpath . '//a[contains(@href, "/node/1") and text() = "Alpha"]'); |
|
$this->assertByXpath($xpath . '//a[contains(@href, "/node/2") and text() = "Beta"]'); |
|
$this->assertByXpath($xpath . '//a[contains(@href, "/node/3") and text() = "Gamma"]'); |
|
|
|
// Test page_1 view display. |
|
$xpath = '//div[@class = "tt-view-page_1"]'; |
|
$xpath .= '//div[contains(@class, "view-twig-tweak-test") and contains(@class, "view-display-id-page_1")]'; |
|
$xpath .= '/div[@class = "view-content"]//ul[count(./li) = 3]/li'; |
|
$this->assertByXpath($xpath . '//a[contains(@href, "/node/1") and text() = "Alpha"]'); |
|
$this->assertByXpath($xpath . '//a[contains(@href, "/node/2") and text() = "Beta"]'); |
|
$this->assertByXpath($xpath . '//a[contains(@href, "/node/3") and text() = "Gamma"]'); |
|
|
|
// Test view argument. |
|
$xpath = '//div[@class = "tt-view-page_1-with-argument"]'; |
|
$xpath .= '//div[contains(@class, "view-twig-tweak-test")]'; |
|
$xpath .= '/div[@class = "view-content"]//ul[count(./li) = 1]/li'; |
|
$this->assertByXpath($xpath . '//a[contains(@href, "/node/1") and text() = "Alpha"]'); |
|
|
|
// Test view result. |
|
$xpath = '//div[@class = "tt-view-result" and text() = 3]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test block. |
|
$xpath = '//div[@class = "tt-block"]'; |
|
$xpath .= '/img[contains(@src, "/core/themes/classy/logo.svg") and @alt="Home"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test block with wrapper. |
|
$xpath = '//div[@class = "tt-block-with-wrapper"]'; |
|
$xpath .= '/div[@class = "block block-system block-system-branding-block"]'; |
|
$xpath .= '/h2[text() = "Branding"]'; |
|
$xpath .= '/following-sibling::a[img[contains(@src, "/core/themes/classy/logo.svg") and @alt="Home"]]'; |
|
$xpath .= '/following-sibling::div[@class = "site-name"]/a'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test region. |
|
$xpath = '//div[@class = "tt-region"]/div[@class = "region region-sidebar-first"]'; |
|
$xpath .= '/div[contains(@class, "block-page-title-block") and h1[@class="page-title" and text() = "Log in"]]'; |
|
$xpath .= '/following-sibling::div[contains(@class, "block-system-powered-by-block")]/span[. = "Powered by Drupal"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test entity default view mode. |
|
$xpath = '//div[@class = "tt-entity-default"]'; |
|
$xpath .= '/article[contains(@class, "node") and not(contains(@class, "node--view-mode-teaser"))]'; |
|
$xpath .= '/h2/a/span[text() = "Alpha"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test entity teaser view mode. |
|
$xpath = '//div[@class = "tt-entity-teaser"]'; |
|
$xpath .= '/article[contains(@class, "node") and contains(@class, "node--view-mode-teaser")]'; |
|
$xpath .= '/h2/a/span[text() = "Alpha"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test loading entity from url. |
|
$xpath = '//div[@class = "tt-entity-from-url" and not(text())]'; |
|
$this->assertByXpath($xpath); |
|
$this->drupalGet('/node/2'); |
|
$xpath = '//div[@class = "tt-entity-from-url"]'; |
|
$xpath .= '/article[contains(@class, "node")]'; |
|
$xpath .= '/h2/a/span[text() = "Beta"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test access to entity add form. |
|
$xpath = '//div[@class = "tt-entity-add-form"]/form'; |
|
$this->assertSession()->elementNotExists('xpath', $xpath); |
|
|
|
// Test access to entity edit form. |
|
$xpath = '//div[@class = "tt-entity-edit-form"]/form'; |
|
$this->assertSession()->elementNotExists('xpath', $xpath); |
|
|
|
// Grant require permissions and test the forms again. |
|
$permissions = ['create page content', 'edit any page content']; |
|
$this->grantPermissions(Role::load(Role::ANONYMOUS_ID), $permissions); |
|
$this->drupalGet('/node/2'); |
|
|
|
// Test entity add form. |
|
$xpath = '//div[@class = "tt-entity-add-form"]/form'; |
|
$xpath .= '//input[@name = "title[0][value]" and @value = ""]'; |
|
$xpath .= '/../../../div/input[@type = "submit" and @value = "Save"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test entity edit form. |
|
$xpath = '//div[@class = "tt-entity-edit-form"]/form'; |
|
$xpath .= '//input[@name = "title[0][value]" and @value = "Alpha"]'; |
|
$xpath .= '/../../../div/input[@type = "submit" and @value = "Save"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test field. |
|
$xpath = '//div[@class = "tt-field"]/div[contains(@class, "field--name-body")]/p[text() != ""]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test menu (default). |
|
$xpath = '//div[@class = "tt-menu-default"]/ul[@class = "menu"]/li/a[text() = "Link 1"]/../ul[@class = "menu"]/li/ul[@class = "menu"]/li/a[text() = "Link 3"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test menu (level). |
|
$xpath = '//div[@class = "tt-menu-level"]/ul[@class = "menu"]/li/a[text() = "Link 2"]/../ul[@class = "menu"]/li/a[text() = "Link 3"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test menu (depth). |
|
$xpath = '//div[@class = "tt-menu-depth"]/ul[@class = "menu"]/li[not(ul)]/a[text() = "Link 1"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test form. |
|
$xpath = '//div[@class = "tt-form"]/form[@class="system-cron-settings"]/input[@type = "submit" and @value = "Run cron"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test image by FID. |
|
$xpath = '//div[@class = "tt-image-by-fid"]/img[contains(@src, "/files/druplicon.png")]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test image by URI. |
|
$xpath = '//div[@class = "tt-image-by-uri"]/img[contains(@src, "/files/druplicon.png")]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test image by UUID. |
|
$xpath = '//div[@class = "tt-image-by-uuid"]/img[contains(@src, "/files/druplicon.png")]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test image with style. |
|
$xpath = '//div[@class = "tt-image-with-style"]/img[contains(@src, "/files/styles/thumbnail/public/druplicon.png")]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test image with responsive style. |
|
$xpath = '//div[@class = "tt-image-with-responsive-style"]/picture/img[contains(@src, "/files/druplicon.png")]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test token. |
|
$xpath = '//div[@class = "tt-token" and text() = "Drupal"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test token with context. |
|
$xpath = '//div[@class = "tt-token-data" and text() = "Beta"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test config. |
|
$xpath = '//div[@class = "tt-config" and text() = "Anonymous"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test page title. |
|
$xpath = '//div[@class = "tt-title" and text() = "Beta"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test URL. |
|
$url = Url::fromUserInput('/node/1', ['absolute' => TRUE])->toString(); |
|
$xpath = sprintf('//div[@class = "tt-url" and text() = "%s"]', $url); |
|
$this->assertByXpath($xpath); |
|
|
|
// Test link. |
|
$url = Url::fromUserInput('/node/1/edit', ['absolute' => TRUE]); |
|
$link = Link::fromTextAndUrl('Edit', $url)->toString(); |
|
$xpath = '//div[@class = "tt-link"]'; |
|
self::assertEquals($link, trim($this->xpath($xpath)[0]->getHtml())); |
|
|
|
// Test status messages. |
|
$xpath = '//div[@class = "tt-messages"]/div[contains(@class, "messages--status") and contains(., "Hello world!")]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test breadcrumb. |
|
$xpath = '//div[@class = "tt-breadcrumb"]/nav[@class = "breadcrumb"]/ol/li/a[text() = "Home"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test protected link. |
|
$xpath = '//div[@class = "tt-link-access"]'; |
|
self::assertEquals('', trim($this->xpath($xpath)[0]->getHtml())); |
|
|
|
// Test token replacement. |
|
$xpath = '//div[@class = "tt-token-replace" and text() = "Site name: Drupal"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test preg replacement. |
|
$xpath = '//div[@class = "tt-preg-replace" and text() = "FOO-bar"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test image style. |
|
$xpath = '//div[@class = "tt-image-style" and contains(text(), "styles/thumbnail/public/images/ocean.jpg")]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test transliteration. |
|
$xpath = '//div[@class = "tt-transliterate" and contains(text(), "Privet!")]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test text format. |
|
$xpath = '//div[@class = "tt-check-markup"]'; |
|
self::assertEquals('<b>bold</b> strong', trim($this->xpath($xpath)[0]->getHtml())); |
|
|
|
// Test truncation. |
|
$xpath = '//div[@class = "tt-truncate" and text() = "Hello…"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test 'with'. |
|
$xpath = '//div[@class = "tt-with"]/b[text() = "Example"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Test node view. |
|
$xpath = '//div[@class = "tt-node-view"]/article[contains(@class, "node--view-mode-default")]/h2[a/span[text() = "Beta"]]'; |
|
$xpath .= '/following-sibling::footer[//h4[text() = "Member for"]]'; |
|
$xpath .= '/following-sibling::div[@class = "node__content"]/div/p'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Field list view. |
|
$xpath = '//div[@class = "tt-field-list-view"]/span[contains(@class, "field--name-title") and text() = "Beta"]'; |
|
$this->assertByXpath($xpath); |
|
|
|
// Field item view. |
|
$xpath = '//div[@class = "tt-field-item-view" and text() = "Beta"]'; |
|
$this->assertByXpath($xpath); |
|
} |
|
|
|
/** |
|
* Checks that an element specified by a the xpath exists on the current page. |
|
*/ |
|
public function assertByXpath($xpath) { |
|
$this->assertSession()->elementExists('xpath', $xpath); |
|
} |
|
|
|
/** |
|
* {@inheritdoc} |
|
*/ |
|
protected function initFrontPage() { |
|
// Intentionally empty. The parent implementation does a request to the |
|
// front page to init cookie. This causes some troubles in rendering |
|
// attached Twig template because page content type is not created at that |
|
// moment. We can skip this step since this test does not rely on any |
|
// session data. |
|
} |
|
|
|
}
|
|
|