class ImageAdminStylesTest

class ImageAdminStylesTest extends ImageFieldTestBase {
  
  /**
   * {@inheritdoc}
   */
  protected $defaultTheme = 'stark';
  
  /**
   * Tests editing Ajax-enabled image effect forms.
   */
  public function testAjaxEnabledEffectForm() {
    $admin_path = 'admin/config/media/image-styles';
    // Setup a style to be created and effects to add to it.
    $style_name = strtolower($this->randomMachineName(10));
    $style_label = $this->randomString();
    $style_path = $admin_path . '/manage/' . $style_name;
    $effect_edit = [
      'data[test_parameter]' => 100,
    ];
    // Add style form.
    $page = $this->getSession()
      ->getPage();
    $assert = $this->assertSession();
    $this->drupalGet($admin_path . '/add');
    $page->findField('label')
      ->setValue($style_label);
    $assert->waitForElementVisible('named', [
      'button',
      'Edit',
    ])
      ->press();
    $assert->waitForElementVisible('named', [
      'id_or_name',
      'name',
    ])
      ->setValue($style_name);
    $page->pressButton('Create new style');
    $assert->statusMessageContains("Style {$style_label} was created.", 'status');
    // Add two Ajax-enabled test effects.
    $this->drupalGet($style_path);
    $this->submitForm([
      'new' => 'image_module_test_ajax',
    ], 'Add');
    $this->submitForm($effect_edit, 'Add effect');
    $this->drupalGet($style_path);
    $this->submitForm([
      'new' => 'image_module_test_ajax',
    ], 'Add');
    $this->submitForm($effect_edit, 'Add effect');
    // Load the saved image style.
    $style = ImageStyle::load($style_name);
    // Edit back the effects.
    foreach ($style->getEffects() as $uuid => $effect) {
      $effect_path = $admin_path . '/manage/' . $style_name . '/effects/' . $uuid;
      $this->drupalGet($effect_path);
      $page->findField('data[test_parameter]')
        ->setValue(111);
      $ajax_value = $page->find('css', '#ajax-value')
        ->getText();
      $this->assertSame('Ajax value bar', $ajax_value);
      $this->getSession()
        ->getPage()
        ->pressButton('Ajax refresh');
      $this->assertTrue($page->waitFor(10, function ($page) {
        $ajax_value = $page->find('css', '#ajax-value')
          ->getText();
        return (bool) preg_match('/^Ajax value [0-9.]+ [0-9.]+$/', $ajax_value);
      }));
      $page->pressButton('Update effect');
      $assert->statusMessageContains('The image effect was successfully applied.', 'status');
    }
  }

}