--- /dev/null
+<?php
+
+namespace Drupal\KernelTests\Core\Render\Element;
+
+use Drupal\KernelTests\KernelTestBase;
+
+/**
+ * Tests built-in table theme functions.
+ *
+ * @group Theme
+ */
+class TableTest extends KernelTestBase {
+
+ /**
+ * Modules to enable.
+ *
+ * @var array
+ */
+ public static $modules = ['system', 'form_test'];
+
+ /**
+ * Tableheader.js provides 'sticky' table headers, and is included by default.
+ */
+ public function testThemeTableStickyHeaders() {
+ $header = ['one', 'two', 'three'];
+ $rows = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
+ $table = [
+ '#type' => 'table',
+ '#header' => $header,
+ '#rows' => $rows,
+ '#sticky' => TRUE,
+ ];
+ $this->render($table);
+ // Make sure tableheader.js was attached.
+ $tableheader = $this->xpath("//script[contains(@src, 'tableheader.js')]");
+ $this->assertEqual(count($tableheader), 1);
+ $this->assertRaw('sticky-enabled');
+ }
+
+ /**
+ * If $sticky is FALSE, no tableheader.js should be included.
+ */
+ public function testThemeTableNoStickyHeaders() {
+ $header = ['one', 'two', 'three'];
+ $rows = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
+ $attributes = [];
+ $caption = NULL;
+ $colgroups = [];
+ $table = [
+ '#type' => 'table',
+ '#header' => $header,
+ '#rows' => $rows,
+ '#attributes' => $attributes,
+ '#caption' => $caption,
+ '#colgroups' => $colgroups,
+ '#sticky' => FALSE,
+ ];
+ $this->render($table);
+ // Make sure tableheader.js was not attached.
+ $tableheader = $this->xpath("//script[contains(@src, 'tableheader.js')]");
+ $this->assertEqual(count($tableheader), 0);
+ $this->assertNoRaw('sticky-enabled');
+ }
+
+ /**
+ * Tests that the table header is printed correctly even if there are no rows,
+ * and that the empty text is displayed correctly.
+ */
+ public function testThemeTableWithEmptyMessage() {
+ $header = [
+ 'Header 1',
+ [
+ 'data' => 'Header 2',
+ 'colspan' => 2,
+ ],
+ ];
+ $table = [
+ '#type' => 'table',
+ '#header' => $header,
+ '#rows' => [],
+ '#empty' => 'Empty row.',
+ ];
+
+ // Enable the Classy theme.
+ \Drupal::service('theme_handler')->install(['classy']);
+ $this->config('system.theme')->set('default', 'classy')->save();
+
+ $this->render($table);
+ $this->removeWhiteSpace();
+ $this->assertRaw('<thead><tr><th>Header 1</th><th colspan="2">Header 2</th></tr>', 'Table header found.');
+ $this->assertRaw('<tr class="odd"><td colspan="3" class="empty message">Empty row.</td>', 'Colspan on #empty row found.');
+ }
+
+ /**
+ * Tests that the 'no_striping' option works correctly.
+ */
+ public function testThemeTableWithNoStriping() {
+ $rows = [
+ [
+ 'data' => [1],
+ 'no_striping' => TRUE,
+ ],
+ ];
+ $table = [
+ '#type' => 'table',
+ '#rows' => $rows,
+ ];
+ $this->render($table);
+ $this->assertNoRaw('class="odd"', 'Odd/even classes were not added because $no_striping = TRUE.');
+ $this->assertNoRaw('no_striping', 'No invalid no_striping HTML attribute was printed.');
+ }
+
+ /**
+ * Test that the 'footer' option works correctly.
+ */
+ public function testThemeTableFooter() {
+ $footer = [
+ [
+ 'data' => [1],
+ ],
+ ['Foo'],
+ ];
+
+ $table = [
+ '#type' => 'table',
+ '#rows' => [],
+ '#footer' => $footer,
+ ];
+
+ $this->render($table);
+ $this->removeWhiteSpace();
+ $this->assertRaw('<tfoot><tr><td>1</td></tr><tr><td>Foo</td></tr></tfoot>', 'Table footer found.');
+ }
+
+ /**
+ * Tests that the 'header' option in cells works correctly.
+ */
+ public function testThemeTableHeaderCellOption() {
+ $rows = [
+ [
+ ['data' => 1, 'header' => TRUE],
+ ['data' => 1, 'header' => FALSE],
+ ['data' => 1],
+ ],
+ ];
+ $table = [
+ '#type' => 'table',
+ '#rows' => $rows,
+ ];
+ $this->render($table);
+ $this->removeWhiteSpace();
+ $this->assertRaw('<th>1</th><td>1</td><td>1</td>', 'The th and td tags was printed correctly.');
+ }
+
+ /**
+ * Tests that the 'responsive-table' class is applied correctly.
+ */
+ public function testThemeTableResponsive() {
+ $header = ['one', 'two', 'three'];
+ $rows = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
+ $table = [
+ '#type' => 'table',
+ '#header' => $header,
+ '#rows' => $rows,
+ '#responsive' => TRUE,
+ ];
+ $this->render($table);
+ $this->assertRaw('responsive-enabled', 'The responsive-enabled class was printed correctly.');
+ }
+
+ /**
+ * Tests that the 'responsive-table' class is not applied without headers.
+ */
+ public function testThemeTableNotResponsiveHeaders() {
+ $rows = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
+ $table = [
+ '#type' => 'table',
+ '#rows' => $rows,
+ '#responsive' => TRUE,
+ ];
+ $this->render($table);
+ $this->assertNoRaw('responsive-enabled', 'The responsive-enabled class is not applied without table headers.');
+ }
+
+ /**
+ * Tests that 'responsive-table' class only applied when responsive is TRUE.
+ */
+ public function testThemeTableNotResponsiveProperty() {
+ $header = ['one', 'two', 'three'];
+ $rows = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
+ $table = [
+ '#type' => 'table',
+ '#header' => $header,
+ '#rows' => $rows,
+ '#responsive' => FALSE,
+ ];
+ $this->render($table);
+ $this->assertNoRaw('responsive-enabled', 'The responsive-enabled class is not applied without the "responsive" property set to TRUE.');
+ }
+
+ /**
+ * Tests 'priority-medium' and 'priority-low' classes.
+ */
+ public function testThemeTableResponsivePriority() {
+ $header = [
+ // Test associative header indices.
+ 'associative_key' => ['data' => 1, 'class' => [RESPONSIVE_PRIORITY_MEDIUM]],
+ // Test non-associative header indices.
+ ['data' => 2, 'class' => [RESPONSIVE_PRIORITY_LOW]],
+ // Test no responsive priorities.
+ ['data' => 3],
+ ];
+ $rows = [[4, 5, 6]];
+ $table = [
+ '#type' => 'table',
+ '#header' => $header,
+ '#rows' => $rows,
+ '#responsive' => TRUE,
+ ];
+ $this->render($table);
+ $this->assertRaw('<th class="priority-medium">1</th>', 'Header 1: the priority-medium class was applied correctly.');
+ $this->assertRaw('<th class="priority-low">2</th>', 'Header 2: the priority-low class was applied correctly.');
+ $this->assertRaw('<th>3</th>', 'Header 3: no priority classes were applied.');
+ $this->assertRaw('<td class="priority-medium">4</td>', 'Cell 1: the priority-medium class was applied correctly.');
+ $this->assertRaw('<td class="priority-low">5</td>', 'Cell 2: the priority-low class was applied correctly.');
+ $this->assertRaw('<td>6</td>', 'Cell 3: no priority classes were applied.');
+ }
+
+ /**
+ * Tests header elements with a mix of string and render array values.
+ */
+ public function testThemeTableHeaderRenderArray() {
+ $header = [
+ [
+ 'data' => [
+ '#markup' => 'one',
+ ],
+ ],
+ 'two',
+ [
+ 'data' => [
+ '#type' => 'html_tag',
+ '#tag' => 'b',
+ '#value' => 'three',
+ ],
+ ],
+ ];
+ $rows = [[1, 2, 3], [4, 5, 6], [7, 8, 9]];
+ $table = [
+ '#type' => 'table',
+ '#header' => $header,
+ '#rows' => $rows,
+ '#responsive' => FALSE,
+ ];
+ $this->render($table);
+ $this->removeWhiteSpace();
+ $this->assertRaw('<thead><tr><th>one</th><th>two</th><th><b>three</b></th></tr>', 'Table header found.');
+ }
+
+ /**
+ * Tests row elements with a mix of string and render array values.
+ */
+ public function testThemeTableRowRenderArray() {
+ $header = ['one', 'two', 'three'];
+ $rows = [
+ [
+ '1-one',
+ [
+ 'data' => '1-two'
+ ],
+ '1-three',
+ ],
+ [
+ [
+ 'data' => [
+ '#markup' => '2-one',
+ ],
+ ],
+ '2-two',
+ [
+ 'data' => [
+ '#type' => 'html_tag',
+ '#tag' => 'b',
+ '#value' => '2-three',
+ ],
+ ],
+ ],
+ ];
+ $table = [
+ '#type' => 'table',
+ '#header' => $header,
+ '#rows' => $rows,
+ '#responsive' => FALSE,
+ ];
+ $this->render($table);
+ $this->removeWhiteSpace();
+ $this->assertRaw('<tbody><tr><td>1-one</td><td>1-two</td><td>1-three</td></tr>', 'Table row 1 found.');
+ $this->assertRaw('<tr><td>2-one</td><td>2-two</td><td><b>2-three</b></td></tr></tbody>', 'Table row 2 found.');
+ }
+
+ /**
+ * Tests that the select/checkbox label is being generated and escaped.
+ */
+ public function testThemeTableTitle() {
+ $form = \Drupal::formBuilder()->getForm('\Drupal\form_test\Form\FormTestTableForm');
+ $this->render($form);
+ $this->assertEscaped('Update <em>kitten</em>');
+ $this->assertRaw('Update my favourite fruit is <strong>bananas</strong>');
+ }
+
+}