Auto-merged master into dev on deployment.

package.json

@@ -66,6 +66,11 @@
     "eslintConfig": {
         "extends": "react-app"
     },
+    "jest": {
+        "snapshotSerializers": [
+            "enzyme-to-json/serializer"
+        ]
+    },
     "browserslist": {
         "production": [
             ">0.2%",
@@ -94,6 +99,7 @@
         "enzyme": "^3.10.0",
         "enzyme-adapter-react-16": "^1.14.0",
         "husky": "^3.0.0",
+        "enzyme-to-json": "^3.4.3",
         "prettier": "^1.18.2",
         "serve": "^11.0.2",
         "tslint": "^5.17.0",

src/felleskomponenter/EksternLenke.test.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import EksternLenke from './EksternLenke';
+import '../utils/SetupEnzyme';
+
+describe('<EksternLenke/>', () => {
+    it('skal padde href med protokoll når det mangler', () => {
+        const tekst = 'nav.no';
+        const wrapper = shallow(<EksternLenke lenke={tekst} />);
+
+        expect(wrapper).toMatchSnapshot();
+    });
+
+    it('skal ikke padde href med protokoll, http', () => {
+        const tekst = 'http://nav.no';
+        const wrapper = shallow(<EksternLenke lenke={tekst} />);
+
+        expect(wrapper).toMatchSnapshot();
+    });
+
+    it('skal ikke padde href med protokoll, https', () => {
+        const tekst = 'https://nav.no';
+        const wrapper = shallow(<EksternLenke lenke={tekst} />);
+
+        expect(wrapper).toMatchSnapshot();
+    });
+
+    it('skal padde href med protokoll når det mangler, www', () => {
+        const tekst = 'www.nav.no';
+        const wrapper = shallow(<EksternLenke lenke={tekst} />);
+
+        expect(wrapper).toMatchSnapshot();
+    });
+});

src/felleskomponenter/EksternLenke.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import Lenke from 'nav-frontend-lenker';
+import { ReactComponent as EksternLenkeIkon } from './ekstern-lenke.svg';
+
+const httpRegex = /^(https?):\/\/.*$/;
+
+interface PropTypes {
+    lenke: string | null;
+}
+
+export default function EksternLenke(props: PropTypes) {
+    const { lenke } = props;
+
+    if (!lenke) return null;
+    const paddaLenke = lenke && lenke.match(httpRegex) ? lenke : `http://${lenke}`;
+    return (
+        <Lenke href={paddaLenke}>
+            {lenke}
+            <EksternLenkeIkon />
+        </Lenke>
+    );
+}

src/felleskomponenter/__snapshots__/EksternLenke.test.tsx.snap

@@ -0,0 +1,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<EksternLenke/> skal ikke padde href med protokoll, http 1`] = `
+<Lenke
+  href="http://nav.no"
+>
+  http://nav.no
+  <ForwardRef(SvgEksternLenke) />
+</Lenke>
+`;
+
+exports[`<EksternLenke/> skal ikke padde href med protokoll, https 1`] = `
+<Lenke
+  href="https://nav.no"
+>
+  https://nav.no
+  <ForwardRef(SvgEksternLenke) />
+</Lenke>
+`;
+
+exports[`<EksternLenke/> skal padde href med protokoll når det mangler 1`] = `
+<Lenke
+  href="http://nav.no"
+>
+  nav.no
+  <ForwardRef(SvgEksternLenke) />
+</Lenke>
+`;
+
+exports[`<EksternLenke/> skal padde href med protokoll når det mangler, www 1`] = `
+<Lenke
+  href="http://www.nav.no"
+>
+  www.nav.no
+  <ForwardRef(SvgEksternLenke) />
+</Lenke>
+`;

src/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import Routing from './view/App';
+import App from './view/App';
 
 require('./mock');
 
-ReactDOM.render(<Routing />, document.getElementById('root'));
+ReactDOM.render(<App />, document.getElementById('root'));