From 8889413ca43a3eb224964bd44dc82b7eab53039e Mon Sep 17 00:00:00 2001
From: Thomas Allmer <thomas.allmer@ing.com>
Date: Thu, 30 Jan 2020 14:16:55 +0100
Subject: [PATCH] fix(tooltip): remove dependency on lion-button

---
 packages/tooltip/test/lion-tooltip-arrow.test.js | 7 +++----
 packages/tooltip/test/lion-tooltip.test.js       | 4 ++--
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/tooltip/test/lion-tooltip-arrow.test.js b/packages/tooltip/test/lion-tooltip-arrow.test.js
index 52027908e..f7d31b5ef 100644
--- a/packages/tooltip/test/lion-tooltip-arrow.test.js
+++ b/packages/tooltip/test/lion-tooltip-arrow.test.js
@@ -1,5 +1,4 @@
 import { expect, fixture, html } from '@open-wc/testing';
-import '../../button/lion-button.js';
 import '../lion-tooltip-arrow.js';
 import '../lion-tooltip.js';
 
@@ -7,7 +6,7 @@ describe('lion-tooltip-arrow', () => {
   it('has a visual "arrow" element inside the content node', async () => {
     const el = await fixture(html`
       <lion-tooltip opened>
-        <lion-button slot="invoker">Tooltip button</lion-button>
+        <button slot="invoker">Tooltip button</button>
         <div slot="content">Hey there</div>
         <lion-tooltip-arrow slot="arrow"></lion-tooltip-arrow>
       </lion-tooltip>
@@ -21,7 +20,7 @@ describe('lion-tooltip-arrow', () => {
   it('reflects popper placement in its own placement property and attribute', async () => {
     const el = await fixture(html`
       <lion-tooltip .config=${{ popperConfig: { placement: 'right' } }}>
-        <lion-button slot="invoker">Tooltip button</lion-button>
+        <button slot="invoker">Tooltip button</button>
         <div slot="content">Hey there</div>
         <lion-tooltip-arrow slot="arrow"></lion-tooltip-arrow>
       </lion-tooltip>
@@ -55,7 +54,7 @@ describe('lion-tooltip-arrow', () => {
         <div slot="content" style="height: 30px; background-color: red;">
           Hey there
         </div>
-        <lion-button slot="invoker">Tooltip button</lion-button>
+        <button slot="invoker" style="height: 30px;">Tooltip button</button>
         <lion-tooltip-arrow slot="arrow"></lion-tooltip-arrow>
       </lion-tooltip>
     `);
diff --git a/packages/tooltip/test/lion-tooltip.test.js b/packages/tooltip/test/lion-tooltip.test.js
index 76a85a67b..83151b10f 100644
--- a/packages/tooltip/test/lion-tooltip.test.js
+++ b/packages/tooltip/test/lion-tooltip.test.js
@@ -159,7 +159,7 @@ describe('lion-tooltip', () => {
       const el = await fixture(html`
         <lion-tooltip>
           <div slot="content">Hey there</div>
-          <lion-button slot="invoker">Tooltip button</lion-button>
+          <button slot="invoker">Tooltip button</button>
         </lion-tooltip>
       `);
       await expect(el).to.be.accessible;
@@ -169,7 +169,7 @@ describe('lion-tooltip', () => {
       const el = await fixture(html`
         <lion-tooltip>
           <div slot="content">Hey there</div>
-          <lion-button slot="invoker">Tooltip button</lion-button>
+          <button slot="invoker">Tooltip button</button>
         </lion-tooltip>
       `);
       const invoker = el.querySelector('[slot="invoker"]');