Revert "remove JS tests, this is hopeless"

This reverts commit cdc45cf.

Author: chx

tests/sut/bar/tests/src/FunctionalJavascript/JavaScriptTest.php

@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Drupal\Tests\bar\FunctionalJavascript;
+
+use Drupal\FunctionalJavascriptTests\WebDriverTestBase;
+use PHPUnit\Framework\Attributes\Group;
+
+/**
+ * Tests the generate JavaScript file..
+ */
+#[Group('DCG')]
+final class JavaScriptTest extends WebDriverTestBase {
+
+  /**
+   * {@inheritdoc}
+   */
+  protected $defaultTheme = 'claro';
+
+  /**
+   * {@inheritdoc}
+   */
+  protected static $modules = ['bar'];
+
+  /**
+   * Test callback.
+   */
+  public function testJavascript(): void {
+    // The `attach` method is evaluated as empty object.
+    $result = $this->getSession()->evaluateScript('Drupal.behaviors.barHeavyMetal.attach');
+    self::assertSame([], $result);
+
+    // Checking console.log() output is tricky. So we basically test that the
+    // call for `attach()` method does not through JS exceptions.
+    $result = $this->getSession()->evaluateScript('Drupal.behaviors.barHeavyMetal.attach()');
+    self::assertNull($result);
+  }
+
+}

tests/sut/qux/tests/src/FunctionalJavascript/FieldBase.php

@@ -0,0 +1,71 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Drupal\Tests\qux\FunctionalJavascript;
+
+use Drupal\FunctionalJavascriptTests\WebDriverTestBase;
+use Drupal\Tests\node\Traits\NodeCreationTrait;
+use PHPUnit\Framework\Attributes\Group;
+
+/**
+ * Tests the field plugins.
+ */
+#[Group('DCG')]
+abstract class FieldBase extends WebDriverTestBase {
+
+  use NodeCreationTrait;
+
+  /**
+   * {@inheritdoc}
+   */
+  protected $defaultTheme = 'claro';
+
+  /**
+   * {@inheritdoc}
+   */
+  protected static $modules = ['qux', 'node', 'field_ui', 'block'];
+
+  /**
+   * {@inheritdoc}
+   */
+  protected function setUp(): void {
+    parent::setUp();
+
+    $this->createContentType(['type' => 'test']);
+
+    $permissions = [
+      'administer node fields',
+      'administer node form display',
+      'administer node display',
+      'create test content',
+      'edit own test content',
+    ];
+    $user = $this->createUser($permissions);
+    $this->drupalLogin($user);
+
+    // Create text field.
+    $this->drupalGet('admin/structure/types/manage/test/fields/add-field');
+
+    $driver = $this->getSession()->getDriver();
+    $driver->click('//input[@name = "new_storage_type" and @value = "plain_text"]');
+    $driver->click('//input[@value = "Continue"]');
+    $driver->setValue('//input[@name = "label"]', 'Wine');
+    $driver->setValue('//input[@name = "group_field_options_wrapper"]', 'string');
+    $this->assertSession()->waitForElementVisible('css', '#edit-label-machine-name-suffix');
+    $driver->click('//input[@value = "Continue"]');
+    $driver->click('//input[@value = "Save settings"]');
+  }
+
+  /**
+   * Waits for Ajax request to be finished.
+   */
+  protected function waitForAjax(): void {
+    $page = $this->getSession()->getPage();
+    $page->waitFor(10, static function () use ($page): bool {
+      $element = $page->find('css', '.throbber');
+      return $element === NULL || \count($element) === 0;
+    });
+  }
+
+}