From e571302c27495bb6ba80a7030987de2d935c3ec1 Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Wed, 29 Nov 2023 11:01:45 +0100
Subject: [PATCH 01/15] add tests for Dropdown

---
 .../dropdown/__tests__/Dropdown.test.tsx      | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
index d2d8d12e6e4..b2d91950258 100644
--- a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
+++ b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
@@ -1179,6 +1179,21 @@ describe('Dropdown component', () => {
     expect(ref.current instanceof HTMLButtonElement).toBe(true)
   })
 
+  it.only('gets valid buttonRef element when ref is function', () => {
+    const ref: React.MutableRefObject<HTMLButtonElement> =
+      React.createRef()
+
+    function refFuntion(instance: HTMLButtonElement) {
+      ref.current = instance
+    }
+
+    render(<Dropdown {...props} buttonRef={refFuntion} />)
+
+    expect(ref.current.id).toBe(props.id)
+    expect(ref.current.tagName).toBe('BUTTON')
+    expect(ref.current instanceof HTMLButtonElement).toBe(true)
+  })
+
   it('gets valid innerRef element', () => {
     let ref: React.RefObject<HTMLButtonElement>
 
@@ -1194,6 +1209,21 @@ describe('Dropdown component', () => {
     expect(ref.current instanceof HTMLSpanElement).toBe(true)
   })
 
+  it.only('gets valid innerRef element when ref is function', () => {
+    const ref: React.MutableRefObject<HTMLButtonElement> =
+      React.createRef()
+
+    function refFuntion(instance: HTMLButtonElement) {
+      ref.current = instance
+    }
+
+    render(<Dropdown {...props} innerRef={refFuntion} />)
+
+    expect(ref.current.className).toContain('dnb-dropdown')
+    expect(ref.current.tagName).toBe('SPAN')
+    expect(ref.current instanceof HTMLSpanElement).toBe(true)
+  })
+
   beforeAll(() => {
     window.resizeTo = function resizeTo({
       width = window.innerWidth,

From 2d9b8e5224a1f9c74d7085b65a6144b38048c8bb Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Wed, 29 Nov 2023 11:02:41 +0100
Subject: [PATCH 02/15] removed only

---
 .../src/components/dropdown/__tests__/Dropdown.test.tsx       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
index b2d91950258..9e4931bc85c 100644
--- a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
+++ b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
@@ -1179,7 +1179,7 @@ describe('Dropdown component', () => {
     expect(ref.current instanceof HTMLButtonElement).toBe(true)
   })
 
-  it.only('gets valid buttonRef element when ref is function', () => {
+  it('gets valid buttonRef element when ref is function', () => {
     const ref: React.MutableRefObject<HTMLButtonElement> =
       React.createRef()
 
@@ -1209,7 +1209,7 @@ describe('Dropdown component', () => {
     expect(ref.current instanceof HTMLSpanElement).toBe(true)
   })
 
-  it.only('gets valid innerRef element when ref is function', () => {
+  it('gets valid innerRef element when ref is function', () => {
     const ref: React.MutableRefObject<HTMLButtonElement> =
       React.createRef()
 

From 4b3b71d0ae3f5584de9395b4818ec3aef0c13820 Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Wed, 29 Nov 2023 12:56:47 +0100
Subject: [PATCH 03/15] add test for Anchor

---
 .../components/anchor/__tests__/Anchor.test.tsx    | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/Anchor.test.tsx b/packages/dnb-eufemia/src/components/anchor/__tests__/Anchor.test.tsx
index 95d0d9303ce..d11b5ae5a2e 100644
--- a/packages/dnb-eufemia/src/components/anchor/__tests__/Anchor.test.tsx
+++ b/packages/dnb-eufemia/src/components/anchor/__tests__/Anchor.test.tsx
@@ -163,6 +163,20 @@ describe('Anchor element', () => {
     expect(ref.current).toBe(element)
   })
 
+  it('gets valid element when ref is function', () => {
+    const ref: React.MutableRefObject<HTMLAnchorElement> =
+      React.createRef()
+
+    const refFn = (elem: HTMLAnchorElement) => {
+      ref.current = elem
+    }
+
+    render(<Anchor id="unique" ref={refFn} />)
+
+    expect(ref.current.getAttribute('id')).toBe('unique')
+    expect(ref.current.tagName).toBe('A')
+  })
+
   it('has aria-describedby when target is blank', () => {
     const { rerender } = render(
       <Anchor href="/url" target="_blank" lang="en-GB">

From eb3ab33a018235a783ec981b47d73e5bf9e498ab Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Wed, 29 Nov 2023 13:00:58 +0100
Subject: [PATCH 04/15] add test for Autocomplete

---
 .../autocomplete/__tests__/Autocomplete.test.tsx    | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/dnb-eufemia/src/components/autocomplete/__tests__/Autocomplete.test.tsx b/packages/dnb-eufemia/src/components/autocomplete/__tests__/Autocomplete.test.tsx
index 0b037045e91..76c1df19ab8 100644
--- a/packages/dnb-eufemia/src/components/autocomplete/__tests__/Autocomplete.test.tsx
+++ b/packages/dnb-eufemia/src/components/autocomplete/__tests__/Autocomplete.test.tsx
@@ -3085,6 +3085,19 @@ describe('Autocomplete component', () => {
       })
     })
   })
+
+  it('gets valid element when input_ref is function', () => {
+    const ref: React.MutableRefObject<HTMLInputElement> = React.createRef()
+
+    const refFn = (elem: HTMLInputElement) => {
+      ref.current = elem
+    }
+
+    render(<Autocomplete id="unique" input_ref={refFn} />)
+
+    expect(ref.current.getAttribute('id')).toBe('unique')
+    expect(ref.current.tagName).toBe('INPUT')
+  })
 })
 
 describe('Autocomplete markup', () => {

From ed4d2b5c10a4f0d933e63efc2a1a660f126e49c0 Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Wed, 29 Nov 2023 13:37:15 +0100
Subject: [PATCH 05/15] add test for Button

---
 .../src/components/button/__tests__/Button.test.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/dnb-eufemia/src/components/button/__tests__/Button.test.tsx b/packages/dnb-eufemia/src/components/button/__tests__/Button.test.tsx
index 05cd11526f4..a6ac2540615 100644
--- a/packages/dnb-eufemia/src/components/button/__tests__/Button.test.tsx
+++ b/packages/dnb-eufemia/src/components/button/__tests__/Button.test.tsx
@@ -167,6 +167,19 @@ describe('Button component', () => {
     expect(typeof ref.current).toBe('object')
   })
 
+  it('gets valid element when innerRef is function', () => {
+    const ref: React.MutableRefObject<HTMLButtonElement> =
+      React.createRef()
+
+    const refFn = (elem: HTMLButtonElement) => {
+      ref.current = elem
+    }
+    render(<Button id="unique" innerRef={refFn} />)
+
+    expect(ref.current.getAttribute('id')).toBe('unique')
+    expect(ref.current.tagName).toBe('BUTTON')
+  })
+
   it('has type of button', () => {
     render(<Button />)
     const button = document.querySelector('button')

From e57e05d0f9c760ef1d3c774a9ad7d257e1624b22 Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Wed, 29 Nov 2023 13:53:42 +0100
Subject: [PATCH 06/15] add tests Checkbox

---
 .../src/components/checkbox/Checkbox.js        | 14 ++++++++++++--
 .../checkbox/__tests__/Checkbox.test.tsx       | 18 +++++++++++++++++-
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/packages/dnb-eufemia/src/components/checkbox/Checkbox.js b/packages/dnb-eufemia/src/components/checkbox/Checkbox.js
index 455aec15b12..b0235c9add8 100644
--- a/packages/dnb-eufemia/src/components/checkbox/Checkbox.js
+++ b/packages/dnb-eufemia/src/components/checkbox/Checkbox.js
@@ -78,7 +78,7 @@ export default class Checkbox extends React.PureComponent {
     readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
     skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
     class: PropTypes.string,
-    innerRef: PropTypes.object,
+    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
     ...spacingPropTypes,
 
@@ -116,6 +116,8 @@ export default class Checkbox extends React.PureComponent {
 
     on_change: null,
     on_state_update: null,
+
+    innerRef: null,
   }
 
   static parseChecked = (state) => /true|on/.test(String(state))
@@ -142,7 +144,7 @@ export default class Checkbox extends React.PureComponent {
 
   constructor(props) {
     super(props)
-    this._refInput = props.innerRef || React.createRef()
+    this._refInput = React.createRef()
 
     this._id = props.id || makeUniqueId() // cause we need an id anyway
     this.state = {
@@ -150,6 +152,14 @@ export default class Checkbox extends React.PureComponent {
     }
   }
 
+  componentDidMount() {
+    if (this.props.innerRef) {
+      typeof this.props.innerRef === 'function'
+        ? this.props.innerRef(this._refInput.current)
+        : (this.props.innerRef.current = this._refInput.current)
+    }
+  }
+
   onKeyDownHandler = (event) => {
     switch (keycode(event)) {
       case 'enter':
diff --git a/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.test.tsx b/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.test.tsx
index b7f6bef5d4e..21a29ddc8de 100644
--- a/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.test.tsx
+++ b/packages/dnb-eufemia/src/components/checkbox/__tests__/Checkbox.test.tsx
@@ -189,12 +189,28 @@ describe('Checkbox component', () => {
 
     function MockComponent() {
       ref = React.useRef()
-      return <Checkbox {...props} innerRef={ref} />
+      return <Checkbox id="unique" innerRef={ref} />
     }
 
     render(<MockComponent />)
 
+    expect(ref.current.getAttribute('id')).toBe('unique')
     expect(ref.current.classList).toContain('dnb-checkbox__input')
+    expect(ref.current.tagName).toBe('INPUT')
+  })
+
+  it('gets valid element when ref is function', () => {
+    const ref: React.MutableRefObject<HTMLInputElement> = React.createRef()
+
+    const refFn = (elem: HTMLInputElement) => {
+      ref.current = elem
+    }
+
+    render(<Checkbox id="unique" innerRef={refFn} />)
+
+    expect(ref.current.getAttribute('id')).toBe('unique')
+    expect(ref.current.classList).toContain('dnb-checkbox__input')
+    expect(ref.current.tagName).toBe('INPUT')
   })
 })
 

From 47463dce99d13fc3a97813cf6b257e920cee15db Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Thu, 30 Nov 2023 12:19:19 +0100
Subject: [PATCH 07/15] add tests for Input

---
 .../dnb-eufemia/src/components/input/__tests__/Input.test.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/dnb-eufemia/src/components/input/__tests__/Input.test.tsx b/packages/dnb-eufemia/src/components/input/__tests__/Input.test.tsx
index ace564c98ab..4b716637857 100644
--- a/packages/dnb-eufemia/src/components/input/__tests__/Input.test.tsx
+++ b/packages/dnb-eufemia/src/components/input/__tests__/Input.test.tsx
@@ -78,11 +78,9 @@ describe('Input component', () => {
   })
 
   it('gets valid element when ref is function', () => {
-    const ref = React.createRef<HTMLInputElement | null>()
+    const ref: React.MutableRefObject<HTMLInputElement> = React.createRef()
 
     const refFn = (elem: HTMLInputElement) => {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
       ref.current = elem
     }
 

From e98910c991fb2350514ca8c607585afe1671281e Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Thu, 30 Nov 2023 12:19:28 +0100
Subject: [PATCH 08/15] add test for InputMasked

---
 .../components/input-masked/__tests__/InputMasked.test.tsx    | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/dnb-eufemia/src/components/input-masked/__tests__/InputMasked.test.tsx b/packages/dnb-eufemia/src/components/input-masked/__tests__/InputMasked.test.tsx
index 8fc46ca42c7..023a4be22ee 100644
--- a/packages/dnb-eufemia/src/components/input-masked/__tests__/InputMasked.test.tsx
+++ b/packages/dnb-eufemia/src/components/input-masked/__tests__/InputMasked.test.tsx
@@ -53,11 +53,9 @@ describe('InputMasked component', () => {
   })
 
   it('gets valid element when ref is function', () => {
-    const ref = React.createRef<HTMLInputElement | null>()
+    const ref: React.MutableRefObject<HTMLInputElement> = React.createRef()
 
     const refFn = (elem: HTMLInputElement) => {
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
       ref.current = elem
     }
 

From f347108a0a3911bb25a4ac97d53fcc23e8f2021d Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Thu, 30 Nov 2023 12:19:37 +0100
Subject: [PATCH 09/15] add test for Radio

---
 packages/dnb-eufemia/src/components/radio/Radio.js | 14 ++++++++++++--
 .../src/components/radio/__tests__/Radio.test.tsx  | 13 +++++++++++++
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/packages/dnb-eufemia/src/components/radio/Radio.js b/packages/dnb-eufemia/src/components/radio/Radio.js
index 92fe7132707..8a93565f1d2 100644
--- a/packages/dnb-eufemia/src/components/radio/Radio.js
+++ b/packages/dnb-eufemia/src/components/radio/Radio.js
@@ -79,7 +79,7 @@ export default class Radio extends React.PureComponent {
     attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
     skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
     readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-    innerRef: PropTypes.object,
+    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
     ...spacingPropTypes,
 
@@ -118,6 +118,8 @@ export default class Radio extends React.PureComponent {
 
     on_change: null,
     on_state_update: null,
+
+    innerRef: null,
   }
 
   static Group = RadioGroup
@@ -146,13 +148,21 @@ export default class Radio extends React.PureComponent {
 
   constructor(props) {
     super(props)
-    this._refInput = props.innerRef || React.createRef()
+    this._refInput = React.createRef()
     this._id = props.id || makeUniqueId() // cause we need an id anyway
     this.state = {
       _listenForPropChanges: true,
     }
   }
 
+  componentDidMount() {
+    if (this.props.innerRef) {
+      typeof this.props.innerRef === 'function'
+        ? this.props.innerRef(this._refInput.current)
+        : (this.props.innerRef.current = this._refInput.current)
+    }
+  }
+
   onKeyDownHandler = (event) => {
     const key = keycode(event)
     // only have key support if there is only a single radio
diff --git a/packages/dnb-eufemia/src/components/radio/__tests__/Radio.test.tsx b/packages/dnb-eufemia/src/components/radio/__tests__/Radio.test.tsx
index 26efa244a13..1a397c17149 100644
--- a/packages/dnb-eufemia/src/components/radio/__tests__/Radio.test.tsx
+++ b/packages/dnb-eufemia/src/components/radio/__tests__/Radio.test.tsx
@@ -197,6 +197,19 @@ describe('Radio ARIA', () => {
 
     expect(ref.current.classList).toContain('dnb-radio__input')
   })
+
+  it('gets valid element when ref is function', () => {
+    const ref: React.MutableRefObject<HTMLInputElement> = React.createRef()
+
+    const refFn = (elem: HTMLInputElement) => {
+      ref.current = elem
+    }
+
+    render(<Radio id="unique" innerRef={refFn} />)
+
+    expect(ref.current.getAttribute('id')).toBe('unique')
+    expect(ref.current.classList).toContain('dnb-radio__input')
+  })
 })
 
 describe('Radio scss', () => {

From 69f1266fee32f4750d3afd94ef35195e1df9c3db Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Thu, 30 Nov 2023 12:19:49 +0100
Subject: [PATCH 10/15] add test for Switch

---
 .../dnb-eufemia/src/components/switch/Switch.js    | 14 ++++++++++++--
 .../components/switch/__tests__/Switch.test.tsx    | 13 +++++++++++++
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/packages/dnb-eufemia/src/components/switch/Switch.js b/packages/dnb-eufemia/src/components/switch/Switch.js
index b4d61dc9b68..506a97d4b7d 100644
--- a/packages/dnb-eufemia/src/components/switch/Switch.js
+++ b/packages/dnb-eufemia/src/components/switch/Switch.js
@@ -76,7 +76,7 @@ export default class Switch extends React.PureComponent {
     attributes: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
     readOnly: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
     skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-    innerRef: PropTypes.object,
+    innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
 
     ...spacingPropTypes,
 
@@ -116,6 +116,8 @@ export default class Switch extends React.PureComponent {
     on_change: null,
     on_change_end: null,
     on_state_update: null,
+
+    innerRef: null,
   }
 
   static parseChecked = (state) => /true|on/.test(String(state))
@@ -142,7 +144,7 @@ export default class Switch extends React.PureComponent {
 
   constructor(props) {
     super(props)
-    this._refInput = props.innerRef || React.createRef()
+    this._refInput = React.createRef()
     this._id = props.id || makeUniqueId() // cause we need an id anyway
     this.state = {
       _listenForPropChanges: true,
@@ -150,6 +152,14 @@ export default class Switch extends React.PureComponent {
     this.helperParams = { onMouseDown: (e) => e.preventDefault() }
   }
 
+  componentDidMount() {
+    if (this.props.innerRef) {
+      typeof this.props.innerRef === 'function'
+        ? this.props.innerRef(this._refInput.current)
+        : (this.props.innerRef.current = this._refInput.current)
+    }
+  }
+
   componentWillUnmount() {
     clearTimeout(this._onChangeEndId)
   }
diff --git a/packages/dnb-eufemia/src/components/switch/__tests__/Switch.test.tsx b/packages/dnb-eufemia/src/components/switch/__tests__/Switch.test.tsx
index 3743456fc8b..dbe7b337d40 100644
--- a/packages/dnb-eufemia/src/components/switch/__tests__/Switch.test.tsx
+++ b/packages/dnb-eufemia/src/components/switch/__tests__/Switch.test.tsx
@@ -185,6 +185,19 @@ describe('Switch component', () => {
 
     expect(ref.current.classList).toContain('dnb-switch__input')
   })
+
+  it('gets valid element when ref is function', () => {
+    const ref: React.MutableRefObject<HTMLInputElement> = React.createRef()
+
+    const refFn = (elem: HTMLInputElement) => {
+      ref.current = elem
+    }
+
+    render(<Switch id="unique" innerRef={refFn} />)
+
+    expect(ref.current.getAttribute('id')).toBe('unique')
+    expect(ref.current.classList).toContain('dnb-switch__input')
+  })
 })
 
 describe('Switch scss', () => {

From 1d777793876789917c893d8e8de4f10e67acdff7 Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Thu, 30 Nov 2023 12:20:53 +0100
Subject: [PATCH 11/15] add test for Textarea

---
 .../src/components/textarea/Textarea.js       |  8 ++++-
 .../textarea/__tests__/Textarea.test.tsx      | 31 +++++++++++++++++++
 2 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/packages/dnb-eufemia/src/components/textarea/Textarea.js b/packages/dnb-eufemia/src/components/textarea/Textarea.js
index 7c6f29f4d07..9b7a42957f1 100644
--- a/packages/dnb-eufemia/src/components/textarea/Textarea.js
+++ b/packages/dnb-eufemia/src/components/textarea/Textarea.js
@@ -195,7 +195,7 @@ export default class Textarea extends React.PureComponent {
   constructor(props) {
     super(props)
 
-    this._ref = props.inner_ref || React.createRef()
+    this._ref = React.createRef()
     this._id = props.id || makeUniqueId() // cause we need an id anyway
 
     // make sure we don't trigger getDerivedStateFromProps on startup
@@ -206,6 +206,12 @@ export default class Textarea extends React.PureComponent {
     this.state._value = props.value
   }
   componentDidMount() {
+    if (this.props.inner_ref) {
+      typeof this.props.inner_ref === 'function'
+        ? this.props.inner_ref(this._ref.current)
+        : (this.props.inner_ref.current = this._ref.current)
+    }
+
     if (isTrue(this.props.autoresize) && typeof window !== 'undefined') {
       this.setAutosize()
       try {
diff --git a/packages/dnb-eufemia/src/components/textarea/__tests__/Textarea.test.tsx b/packages/dnb-eufemia/src/components/textarea/__tests__/Textarea.test.tsx
index 511c59c2dde..0b1956c9584 100644
--- a/packages/dnb-eufemia/src/components/textarea/__tests__/Textarea.test.tsx
+++ b/packages/dnb-eufemia/src/components/textarea/__tests__/Textarea.test.tsx
@@ -265,6 +265,37 @@ describe('Textarea component', () => {
 
     expect(await axeComponent(Comp)).toHaveNoViolations()
   })
+
+  it('gets valid ref element', () => {
+    let ref: React.RefObject<HTMLTextAreaElement>
+
+    function MockComponent() {
+      ref = React.useRef()
+      return <Textarea {...props} inner_ref={ref} />
+    }
+
+    render(<MockComponent />)
+
+    expect(ref.current.classList).toContain('dnb-textarea__textarea')
+    expect(ref.current.tagName).toBe('TEXTAREA')
+    expect(ref.current).toBeInstanceOf(HTMLTextAreaElement)
+  })
+
+  it('gets valid element when ref is function', () => {
+    const ref: React.MutableRefObject<HTMLTextAreaElement> =
+      React.createRef()
+
+    const refFn = (elem: HTMLTextAreaElement) => {
+      ref.current = elem
+    }
+
+    render(<Textarea id="unique" inner_ref={refFn} />)
+
+    expect(ref.current.getAttribute('id')).toBe('unique')
+    expect(ref.current.classList).toContain('dnb-textarea__textarea')
+    expect(ref.current.tagName).toBe('TEXTAREA')
+    expect(ref.current).toBeInstanceOf(HTMLTextAreaElement)
+  })
 })
 
 describe('Textarea scss', () => {

From ef588eced79d0b6fffacc395b49817d5103e7fc3 Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Thu, 30 Nov 2023 13:46:05 +0100
Subject: [PATCH 12/15] fix typo

Co-authored-by: Anders <anderslangseth@gmail.com>
---
 .../src/components/dropdown/__tests__/Dropdown.test.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
index 9e4931bc85c..20006b41d1d 100644
--- a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
+++ b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
@@ -1183,7 +1183,7 @@ describe('Dropdown component', () => {
     const ref: React.MutableRefObject<HTMLButtonElement> =
       React.createRef()
 
-    function refFuntion(instance: HTMLButtonElement) {
+    function refFunction(instance: HTMLButtonElement) {
       ref.current = instance
     }
 

From 492774a2db46c9ea1d67f06ca1db43ad7fbea1cc Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Thu, 30 Nov 2023 13:46:18 +0100
Subject: [PATCH 13/15] fix typo

Co-authored-by: Anders <anderslangseth@gmail.com>
---
 .../src/components/dropdown/__tests__/Dropdown.test.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
index 20006b41d1d..83925e37354 100644
--- a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
+++ b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
@@ -1187,7 +1187,7 @@ describe('Dropdown component', () => {
       ref.current = instance
     }
 
-    render(<Dropdown {...props} buttonRef={refFuntion} />)
+    render(<Dropdown {...props} buttonRef={refFunction} />)
 
     expect(ref.current.id).toBe(props.id)
     expect(ref.current.tagName).toBe('BUTTON')

From d02d41303fe6320cd6fdb14ab078792ae683ab4d Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Thu, 30 Nov 2023 13:46:25 +0100
Subject: [PATCH 14/15] fix typo

Co-authored-by: Anders <anderslangseth@gmail.com>
---
 .../src/components/dropdown/__tests__/Dropdown.test.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
index 83925e37354..a57fd1cec84 100644
--- a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
+++ b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
@@ -1213,7 +1213,7 @@ describe('Dropdown component', () => {
     const ref: React.MutableRefObject<HTMLButtonElement> =
       React.createRef()
 
-    function refFuntion(instance: HTMLButtonElement) {
+    function refFunction(instance: HTMLButtonElement) {
       ref.current = instance
     }
 

From c80bee7fa818c28fb4ecbe56a46ee28abfb7de81 Mon Sep 17 00:00:00 2001
From: Joakim Bjerknes <joakbjerk@gmail.com>
Date: Thu, 30 Nov 2023 13:46:33 +0100
Subject: [PATCH 15/15] fix typo

Co-authored-by: Anders <anderslangseth@gmail.com>
---
 .../src/components/dropdown/__tests__/Dropdown.test.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
index a57fd1cec84..1ce2835430d 100644
--- a/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
+++ b/packages/dnb-eufemia/src/components/dropdown/__tests__/Dropdown.test.tsx
@@ -1217,7 +1217,7 @@ describe('Dropdown component', () => {
       ref.current = instance
     }
 
-    render(<Dropdown {...props} innerRef={refFuntion} />)
+    render(<Dropdown {...props} innerRef={refFunction} />)
 
     expect(ref.current.className).toContain('dnb-dropdown')
     expect(ref.current.tagName).toBe('SPAN')