ViewsListingTest.php in Drupal 10

Namespace

Drupal\Tests\views_ui\FunctionalJavascript

File

core/modules/views_ui/tests/src/FunctionalJavascript/ViewsListingTest.php

<?php

namespace Drupal\Tests\views_ui\FunctionalJavascript;

use Drupal\FunctionalJavascriptTests\WebDriverTestBase;

/**
 * Tests the JavaScript filtering on the Views listing page.
 *
 * @see core/modules/views_ui/js/views_ui.listing.js
 * @group views_ui
 */
class ViewsListingTest extends WebDriverTestBase {

  /**
   * {@inheritdoc}
   */
  protected static $modules = [
    'node',
    'views',
    'views_ui',
  ];

  /**
   * {@inheritdoc}
   */
  protected $defaultTheme = 'stark';

  /**
   * {@inheritdoc}
   */
  protected function setUp() : void {
    parent::setUp();
    $admin_user = $this
      ->drupalCreateUser([
      'administer site configuration',
      'administer views',
    ]);
    $this
      ->drupalLogin($admin_user);
  }

  /**
   * Tests the filtering on the Views listing page.
   */
  public function testFilterViewsListing() {
    $enabled_views_count = 6;
    $disabled_views_count = 2;
    $content_views_count = 3;
    $this
      ->drupalGet('admin/structure/views');
    $session = $this
      ->assertSession();
    $page = $this
      ->getSession()
      ->getPage();

    // Test that we search in both the enabled and disabled rows.
    $enabled_rows = $page
      ->findAll('css', 'tr.views-ui-list-enabled');
    $enabled_rows = $this
      ->filterVisibleElements($enabled_rows);
    $disabled_rows = $page
      ->findAll('css', 'tr.views-ui-list-disabled');
    $disabled_rows = $this
      ->filterVisibleElements($disabled_rows);

    // Test that we see some rows of views in both tables.
    $this
      ->assertCount($enabled_views_count, $enabled_rows);
    $this
      ->assertCount($disabled_views_count, $disabled_rows);

    // Filter on the string 'people'. This should only show the people view.
    $search_input = $page
      ->find('css', '.views-filter-text.form-search');
    $search_input
      ->setValue('people');
    $enabled_rows = $page
      ->findAll('css', 'tr.views-ui-list-enabled');
    $enabled_rows = $this
      ->filterVisibleElements($enabled_rows);
    $disabled_rows = $page
      ->findAll('css', 'tr.views-ui-list-disabled');
    $disabled_rows = $this
      ->filterVisibleElements($disabled_rows);
    $this
      ->assertCount(1, $enabled_rows);
    $this
      ->assertCount(0, $disabled_rows);

    // Filter on a string that also appears in the description.
    $search_input
      ->setValue('content');
    $enabled_rows = $page
      ->findAll('css', 'tr.views-ui-list-enabled');
    $enabled_rows = $this
      ->filterVisibleElements($enabled_rows);
    $disabled_rows = $page
      ->findAll('css', 'tr.views-ui-list-disabled');
    $disabled_rows = $this
      ->filterVisibleElements($disabled_rows);
    $this
      ->assertCount($content_views_count, $enabled_rows);
    $this
      ->assertCount($disabled_views_count, $disabled_rows);

    // Reset the search string and check that we are back to the initial stage.
    $search_input
      ->setValue('');

    // Add a backspace to trigger the keyUp event.
    $search_input
      ->keyUp(8);
    $enabled_rows = $page
      ->findAll('css', 'tr.views-ui-list-enabled');
    $enabled_rows = $this
      ->filterVisibleElements($enabled_rows);
    $disabled_rows = $page
      ->findAll('css', 'tr.views-ui-list-disabled');
    $disabled_rows = $this
      ->filterVisibleElements($disabled_rows);
    $this
      ->assertCount($enabled_views_count, $enabled_rows);
    $this
      ->assertCount($disabled_views_count, $disabled_rows);

    // Disable a View and see if it moves to the disabled listing.
    $enabled_view = $page
      ->find('css', 'tr.views-ui-list-enabled');
    $view_description = $enabled_view
      ->find('css', '.views-ui-view-name strong')
      ->getText();

    // Open the dropdown with additional actions.
    $enabled_view
      ->find('css', 'li.dropbutton-toggle button')
      ->click();
    $disable_button = $enabled_view
      ->findLink('Disable');

    // Check that the disable button is visible now.
    $this
      ->assertTrue($disable_button
      ->isVisible());
    $disable_button
      ->click();
    $session
      ->assertWaitOnAjaxRequest();
    $enabled_rows = $page
      ->findAll('css', 'tr.views-ui-list-enabled');
    $enabled_rows = $this
      ->filterVisibleElements($enabled_rows);
    $disabled_rows = $page
      ->findAll('css', 'tr.views-ui-list-disabled');
    $disabled_rows = $this
      ->filterVisibleElements($disabled_rows);

    // Test that one enabled View has been moved to the disabled list.
    $this
      ->assertCount($enabled_views_count - 1, $enabled_rows);
    $this
      ->assertCount($disabled_views_count + 1, $disabled_rows);

    // Test that the keyboard focus is on the dropdown button of the View we
    // just disabled.
    $this
      ->assertTrue($this
      ->getSession()
      ->evaluateScript("jQuery(document.activeElement).text() === 'Enable'"));
    $this
      ->assertEquals($view_description, $this
      ->getSession()
      ->evaluateScript("jQuery(document.activeElement).parents('tr').find('.views-ui-view-name strong').text()"));

    // Enable the view again and ensure we have the focus on the edit button.
    $this
      ->getSession()
      ->evaluateScript('jQuery(document.activeElement).click()');
    $session
      ->assertWaitOnAjaxRequest();
    $this
      ->assertTrue($this
      ->getSession()
      ->evaluateScript("jQuery(document.activeElement).text() === 'Edit'"));
    $this
      ->assertEquals($view_description, $this
      ->getSession()
      ->evaluateScript("jQuery(document.activeElement).parents('tr').find('.views-ui-view-name strong').text()"));
  }

  /**
   * Removes any non-visible elements from the passed array.
   *
   * @param array $elements
   *   The elements.
   *
   * @return array
   */
  protected function filterVisibleElements($elements) {
    $elements = array_filter($elements, function ($element) {
      return $element
        ->isVisible();
    });
    return $elements;
  }

}

Classes

Name	Description
ViewsListingTest	Tests the JavaScript filtering on the Views listing page.