ISTWCMS-4182: Test codepen embed block

tests/src/Functional/UwWcmsBasicTest.php

@@ -719,7 +719,8 @@ class UwWcmsBasicTest extends BrowserTestBase {
           // Create CodePen block.
           $edit = [
             'edit-settings-label' => $this->randomString(),
-            'edit-settings-block-form-field-codepen-id-0-value' => $this->randomMachineName(7),
+            // Letters only, 6-7 characters.
+            'edit-settings-block-form-field-codepen-id-0-value' => substr(preg_replace('/[^a-zA-Z]+/', '', $this->randomMachineName(24)), 0, 7),
             'edit-settings-block-form-field-codepen-username-0-value' => $this->randomMachineName(),
             'edit-settings-block-form-field-codepen-displayed-author-0-value' => $this->randomString(),
             'edit-settings-block-form-field-codepen-displayed-title-0-value' => $this->randomString(),
@@ -730,7 +731,7 @@ class UwWcmsBasicTest extends BrowserTestBase {
 
           // Test that the CodePen block markup appears on the page.
           $this->assertSession()->pageTextContains($edit['edit-settings-label']);
-          $this->assertFieldByXPath('//div[@class="cp_embed_wrapper"]/div[
+          $this->assertFieldByXPath('//div[@class="uw-codepen"]/div[
             @class="codepen"
             and @data-height="' . $edit['edit-settings-block-form-field-codepen-pixel-height-0-value'] . '"
             and @data-theme-id="dark"
@@ -740,7 +741,7 @@ class UwWcmsBasicTest extends BrowserTestBase {
             and @data-pen-title="' . $edit['edit-settings-block-form-field-codepen-displayed-title-0-value'] . '"
             and @data-preview="true"
           ]/a[@href="https://codepen.io/' . $edit['edit-settings-block-form-field-codepen-username-0-value'] . '/pen/' . $edit['edit-settings-block-form-field-codepen-id-0-value'] . '/"]');
-          $this->assertFieldByXPath('//div[@class="cp_embed_wrapper"]/script[@src="https://static.codepen.io/assets/embed/ei.js"]');
+          $this->assertFieldByXPath('//div[@class="uw-codepen"]/script[@src="https://static.codepen.io/assets/embed/ei.js"]');
           break;
 
         case 'Google Maps':