diff --git a/src/Popover.js b/src/Popover.js
index b74b30f47..a48fe5caf 100644
--- a/src/Popover.js
+++ b/src/Popover.js
@@ -10,14 +10,14 @@ const defaultProps = {
};
function Popover(props) {
+ const arrowClasses = classNames('popover-arrow', props.arrowClassName);
const popperClasses = classNames('popover', 'show', props.popperClassName);
-
const classes = classNames('popover-inner', props.innerClassName);
return (
diff --git a/src/Tooltip.js b/src/Tooltip.js
index ca063f34d..3e21cf657 100644
--- a/src/Tooltip.js
+++ b/src/Tooltip.js
@@ -10,14 +10,14 @@ const defaultProps = {
};
function Tooltip(props) {
+ const arrowClasses = classNames('tooltip-arrow', props.arrowClassName);
const popperClasses = classNames('tooltip', 'show', props.popperClassName);
-
const classes = classNames('tooltip-inner', props.innerClassName);
return (
diff --git a/src/__tests__/Popover.spec.js b/src/__tests__/Popover.spec.js
index b4e9c5559..861c46dc6 100644
--- a/src/__tests__/Popover.spec.js
+++ b/src/__tests__/Popover.spec.js
@@ -4,11 +4,18 @@ import '@testing-library/jest-dom';
import Popover from '../Popover';
describe('Popover', () => {
- it('should apply popperClassName to popper component', () => {
- const div = document.createElement('div');
- div.setAttribute('id', 'popover-target');
- document.body.appendChild(div);
+ let element;
+ beforeEach(() => {
+ element = document.createElement('div');
+ element.setAttribute('id', 'popover-target');
+ document.body.appendChild(element);
+ });
+ afterEach(() => {
+ document.body.removeChild(element);
+ });
+
+ it('should apply popperClassName to popper component', () => {
render(
Bo-Katan Kryze
@@ -19,4 +26,14 @@ describe('Popover', () => {
'popover show boba-was-here',
);
});
+
+ it('should apply arrowClassName to arrow', () => {
+ const { debug } = render(
+
+ Bo-Katan Kryze
+ ,
+ );
+ debug();
+ expect(document.querySelector('.arrow')).toHaveClass('boba-was-here');
+ });
});
diff --git a/src/__tests__/Tooltip.spec.js b/src/__tests__/Tooltip.spec.js
index 5acce6f3b..9e476d98b 100644
--- a/src/__tests__/Tooltip.spec.js
+++ b/src/__tests__/Tooltip.spec.js
@@ -4,11 +4,18 @@ import '@testing-library/jest-dom';
import Tooltip from '../Tooltip';
describe('Tooltip', () => {
- it('should apply popperClassName to popper component', () => {
- const div = document.createElement('div');
- div.setAttribute('id', 'tooltip-target');
- document.body.appendChild(div);
+ let element;
+ beforeEach(() => {
+ element = document.createElement('div');
+ element.setAttribute('id', 'tooltip-target');
+ document.body.appendChild(element);
+ });
+ afterEach(() => {
+ document.body.removeChild(element);
+ });
+
+ it('should apply popperClassName to popper component', () => {
render(
Bo-Katan Kryze
@@ -19,4 +26,14 @@ describe('Tooltip', () => {
'tooltip show boba-was-here',
);
});
+
+ it('should apply arrowClassName to arrow', () => {
+ const { debug } = render(
+
+ Bo-Katan Kryze
+ ,
+ );
+ debug();
+ expect(document.querySelector('.arrow')).toHaveClass('boba-was-here');
+ });
});