Added iframe mocks support

[penyaskito]

Adds iframe mocks support

TODO:

• Add docs and examples

Usage

import { defineVisualDiffConfig } from '@packages/playwright-drupal';
import { Youtube } from '../packages/playwright-drupal/util/mock/youtube';
import { Mock } from '../packages/playwright-drupal/util/mock/mock';

export const config = defineVisualDiffConfig({
  name: "MySite Visual Diffs",
  description: "A series of visual diffs against MySite default site.",
  groups: [
    {
      name: "Landing Pages",
      description: "Pages built with Layout Builder.",
      testCases: [
        {
          name: "About Us",
          description: "Note only the YouTube video directly in the viewport will show.",
          path: "/about-us",
          mockClass: Mock // or Youtube
        }
      ]
    }
  ],
});

[penyaskito]

@deviantintegral this is WIP, but would love your opinion on the direction.

[deviantintegral]

Do we need this? We don't have a yarn lockfile or the like.

[deviantintegral]

It's not clear to me that loading a Mock here actually does something with YouTube. I'm not clear why we need this extra Mock class. Would it be clearer to have YouTubeMock Implements Mockable?

[penyaskito]

This is definitely bad naming. This extra Mock class was using in some projects to call all the mocks mock method. As we only have youtube here for now, makes not a lot of sense. Maybe renaming to EveryIframeServiceMock would make sense.