test(SLB-288): adjust e2e tests for new element

AmazeeLabs · May 3, 2024 · 60c9134 · 60c9134
1 parent 2f80ac1
commit 60c9134
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 8 deletions.
diff --git a/packages/drupal/test_content/content/node/a397ca48-8fad-411e-8901-0eba2feb989c.yml b/packages/drupal/test_content/content/node/a397ca48-8fad-411e-8901-0eba2feb989c.yml
@@ -74,9 +74,6 @@ default:
         <h2 class="wp-block-custom-heading">Heading</h2>
         <!-- /wp:custom/heading -->
 
-        <!-- wp:table -->
-        <figure class="wp-block-table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><figcaption>Caption</figcaption></figure>
-        <!-- /wp:table -->
 
         <!-- wp:quote -->
         <blockquote class="wp-block-quote"><p>Quote</p><cite>Citation</cite></blockquote>

diff --git a/packages/ui/src/components/Organisms/PageContent/BlockImageWithText.tsx b/packages/ui/src/components/Organisms/PageContent/BlockImageWithText.tsx
@@ -10,7 +10,7 @@ import { BlockMarkup } from './BlockMarkup';
 
 export function BlockImageWithText(props: BlockImageWithTextFragment) {
   return (
-    <div className="container-page my-12 lg:my-16">
+    <div className="my-12 lg:my-16">
       <div
         className={clsx(
           'flex flex-col lg:flex-row gap-2 lg:gap-16 items-start lg:items-center',

diff --git a/tests/e2e/specs/drupal/blocks.spec.ts b/tests/e2e/specs/drupal/blocks.spec.ts
@@ -22,12 +22,12 @@ test('All blocks are rendered', async ({ page }) => {
     page.locator('a:text("link")[href="/en/architecture"]'),
   ).toHaveCount(1);
 
-  // Image
+  // Image and ImageWithText block
   await expect(
     page.locator(
       'img:not([data-test-id=hero-image])[alt="A beautiful landscape."]',
     ),
-  ).toHaveCount(1);
+  ).toHaveCount(2);
   await expect(page.locator('figcaption:text("Media image")')).toHaveCount(1);
 
   // Video

diff --git a/tests/schema/specs/blocks.spec.ts b/tests/schema/specs/blocks.spec.ts
@@ -139,8 +139,6 @@ test('Blocks', async () => {
 
     <h2 class="wp-block-custom-heading">Heading</h2>
 
-    <figure class="wp-block-table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><figcaption>Caption</figcaption></figure>
-
     <blockquote class="wp-block-quote"><p>Quote</p><cite>Citation</cite></blockquote>
 
     <p></p>
-Original file line number
+Diff line change
@@ Expand Up / @@ -139,8 +139,6 @@ test('Blocks', async () => { @@
         <h2 class="wp-block-custom-heading">Heading</h2>
-        <figure class="wp-block-table"><table><tbody><tr><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td></tr></tbody></table><figcaption>Caption</figcaption></figure>
         <blockquote class="wp-block-quote"><p>Quote</p><cite>Citation</cite></blockquote>
         <p></p>
@@ Expand Down @@