Merge pull request #769 from glints-dev/feature/link-monochrome-external

fix: link monochrome with external link

Author: ninariccimarie

src/@next/Link/LinkStyle.ts

@@ -18,6 +18,14 @@ export const StyledLink = styled.a<LinkProps>`
     &:hover,
     &:active {
       color: ${Neutral.B00};
+
+      svg {
+        fill: ${Neutral.B00};
+      }
+    }
+
+    svg {
+      fill: ${Neutral.B18};
     }
   }
 

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'
+  );
+});