feat: now we have an official anchor active state

Author: tujoworker

packages/dnb-design-system-portal/src/pages/uilib/elements/anchor.md

@@ -8,9 +8,9 @@ import CodeBlock from 'Tags/CodeBlock'
 
 <CodeBlock reactLive hideCode>
 {`
-<ul>
+<ul data-dnb-test="anchor" className="dnb-unstyled-list">
   <li>
-    <a href="/" >Default style</a>
+    <a href="/" >Default Style</a>
   </li>
   <li>
     <a href="/" className="dnb-hover-style">Hover Style</a>

packages/dnb-ui-lib/src/style/elements/__tests__/Anchor.screenshot.test.js

@@ -0,0 +1,17 @@
+/**
+ * Screenshot Test
+ * This file will not run on "test:staged" because we dont require any related files
+ */
+
+import { testPageScreenshot } from '../../../core/jest/jestSetupScreenshots'
+
+describe('Anchor screenshot', () => {
+  const url = '/uilib/elements/anchor?fullscreen'
+  it('have to match the default choice of anchor styles', async () => {
+    const screenshot = await testPageScreenshot({
+      url,
+      selector: '[data-dnb-test="anchor"]'
+    })
+    expect(screenshot).toMatchImageSnapshot()
+  })
+})

packages/dnb-ui-lib/src/style/elements/__tests__/__snapshots__/anchor-screenshot-test-js-anchor-screenshot-have-to-match-the-default-choice-of-anchor-styles-1-6d82c.snap.png

@@ -41,7 +41,7 @@
   border-bottom-width: 2px;
 }
 @mixin activeStyle() {
-  color: #fff;
+  color: var(--color-mint-green);
   background-color: var(--color-sea-green);
   border-bottom: none;
   border-radius: 0;