From d9b81e7f70ac4a3a8236a2c15b635525cad69f1c Mon Sep 17 00:00:00 2001
From: Dieter Stinglhamber <dieter.stinglhamber@strapi.io>
Date: Tue, 5 Oct 2021 15:45:48 +0200
Subject: [PATCH] fix tests

---
 .../ApiTokens/ListView/tests/index.test.js    | 64 +++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/tests/index.test.js
index 3654a6d7a0..12dc4ebedc 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/ListView/tests/index.test.js
@@ -103,6 +103,8 @@ describe('ADMIN | Pages | API TOKENS | ListPage', () => {
         border-radius: 4px;
         background: #ffffff;
         border: 1px solid #dcdce4;
+        position: relative;
+        outline: none;
       }
 
       .c5 svg {
@@ -119,6 +121,36 @@ describe('ADMIN | Pages | API TOKENS | ListPage', () => {
         pointer-events: none;
       }
 
+      .c5:after {
+        -webkit-transition-property: all;
+        transition-property: all;
+        -webkit-transition-duration: 0.2s;
+        transition-duration: 0.2s;
+        border-radius: 8px;
+        content: '';
+        position: absolute;
+        top: -4px;
+        bottom: -4px;
+        left: -4px;
+        right: -4px;
+        border: 2px solid transparent;
+      }
+
+      .c5:focus-visible {
+        outline: none;
+      }
+
+      .c5:focus-visible:after {
+        border-radius: 8px;
+        content: '';
+        position: absolute;
+        top: -5px;
+        bottom: -5px;
+        left: -5px;
+        right: -5px;
+        border: 2px solid #4945ff;
+      }
+
       .c9 {
         height: 100%;
       }
@@ -198,6 +230,8 @@ describe('ADMIN | Pages | API TOKENS | ListPage', () => {
         border-radius: 4px;
         background: #ffffff;
         border: 1px solid #dcdce4;
+        position: relative;
+        outline: none;
       }
 
       .c30 svg {
@@ -214,6 +248,36 @@ describe('ADMIN | Pages | API TOKENS | ListPage', () => {
         pointer-events: none;
       }
 
+      .c30:after {
+        -webkit-transition-property: all;
+        transition-property: all;
+        -webkit-transition-duration: 0.2s;
+        transition-duration: 0.2s;
+        border-radius: 8px;
+        content: '';
+        position: absolute;
+        top: -4px;
+        bottom: -4px;
+        left: -4px;
+        right: -4px;
+        border: 2px solid transparent;
+      }
+
+      .c30:focus-visible {
+        outline: none;
+      }
+
+      .c30:focus-visible:after {
+        border-radius: 8px;
+        content: '';
+        position: absolute;
+        top: -5px;
+        bottom: -5px;
+        left: -5px;
+        right: -5px;
+        border: 2px solid #4945ff;
+      }
+
       .c31 {
         display: -webkit-box;
         display: -webkit-flex;