function StyleGridResponsiveTest::testResponsiveGrid
Same name in other branches
- 11.x core/modules/views/tests/src/Kernel/Plugin/StyleGridResponsiveTest.php \Drupal\Tests\views\Kernel\Plugin\StyleGridResponsiveTest::testResponsiveGrid()
Generates a grid_responsive and asserts that it is displaying correctly.
@dataProvider providerTestResponsiveGrid
Parameters
array $options: Options for the style plugin.
array $expected: Expected values sued for assertions.
File
-
core/
modules/ views/ tests/ src/ Kernel/ Plugin/ StyleGridResponsiveTest.php, line 34
Class
- StyleGridResponsiveTest
- Tests the grid_responsive style plugin.
Namespace
Drupal\Tests\views\Kernel\PluginCode
public function testResponsiveGrid(array $options, array $expected) : void {
// Create and preview a View with the provided options.
$view = Views::getView('test_grid_responsive');
$view->setDisplay('default');
$view->initStyle();
$view->initHandlers();
$view->initQuery();
$view->style_plugin->options = $options + $view->style_plugin->options;
$this->executeView($view);
$output = $view->preview();
$output = \Drupal::service('renderer')->renderRoot($output);
$this->setRawContent($output);
// Confirm that the alignment class is added.
$result = $this->xpath('//div[contains(@class, "views-view-responsive-grid") and contains(@class, :alignment)]', [
':alignment' => 'views-view-responsive-grid--' . $expected['alignment'],
]);
$this->assertGreaterThan(0, count($result), "Alignment CSS variable value is detected and correct.");
// Check for CSS variables in style attribute.
$result = $this->xpath('//div[contains(@class, "views-view-responsive-grid") and contains(@style, :columns)]', [
':columns' => '--views-responsive-grid--column-count:' . $expected['columns'],
]);
$this->assertGreaterThan(0, count($result), "Max-columns CSS variable value is detected and correct.");
$result = $this->xpath('//div[contains(@class, "views-view-responsive-grid") and contains(@style, :min-width)]', [
':min-width' => '--views-responsive-grid--cell-min-width:' . $expected['cell_min_width'] . 'px',
]);
$this->assertGreaterThan(0, count($result), "Min-width CSS variable value is detected and correct.");
$result = $this->xpath('//div[contains(@class, "views-view-responsive-grid") and contains(@style, :gutter)]', [
':gutter' => '--views-responsive-grid--layout-gap:' . $expected['grid_gutter'] . 'px',
]);
$this->assertGreaterThan(0, count($result), "Gutter CSS variable value is detected and correct.");
// Assert that the correct number of elements have been rendered and that
// markup structure is correct.
$result = $this->xpath('//div[contains(@class, "views-view-responsive-grid")]/div[contains(@class, "views-view-responsive-grid__item")]/div[contains(@class, "views-view-responsive-grid__item-inner")]');
// There are five results for this test view. See ViewTestData::dataSet().
$expected_count = 5;
$this->assertCount(5, $result, "The expected number of items are rendered in the correct structure.");
}
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.