add test Link monochrome with external link

Author: Nina Benite

test/e2e/link/link.spec.ts

@@ -13,7 +13,7 @@ test('Link - default', async ({ page }) => {
   await expect(linkPage.container).toHaveScreenshot('link-default-pressed.png');
 });
 
-test('Link - with extenal link', async ({ page }) => {
+test('Link - with external link', async ({ page }) => {
   const linkPage = new LinkPage(page);
   await linkPage.goto('args=external:true');
   await expect(linkPage.container).toHaveScreenshot('link-external.png');
@@ -40,3 +40,21 @@ test('Link - monochrome', async ({ page }) => {
     'link-monochrome-pressed.png'
   );
 });
+
+test('Link - monochrome with external link', async ({ page }) => {
+  const linkPage = new LinkPage(page);
+  await linkPage.goto('args=external:true;monochrome:true');
+  await expect(linkPage.container).toHaveScreenshot(
+    'link-monochrome-with-external.png'
+  );
+
+  await linkPage.link.hover();
+  await expect(linkPage.container).toHaveScreenshot(
+    'link-monochrome-with-external-hover.png'
+  );
+
+  await linkPage.page.mouse.down();
+  await expect(linkPage.container).toHaveScreenshot(
+    'link-monochrome-with-external-pressed.png'
+  );
+});