test(elements): tested against halo theme (#1256)

* test(elements): tested against halo theme

* test(swing-gauge): update test case for halo theme

* test(loader): update snapshot

---------

Co-authored-by: wattachai <[email protected]>

Author: bualoy-napat

packages/elements/src/accordion/__demo__/index.html

@@ -36,11 +36,6 @@
         window.location.search = url.searchParams.toString();
       }
 
-      // In order to test elemental theme please uncomment these lines
-      // import '@refinitiv-ui/elemental-theme/light/ef-accordion';
-      // import '@refinitiv-ui/elemental-theme/light/ef-button';
-      // import '@refinitiv-ui/elemental-theme/light/ef-checkbox';
-
       import(`../../../../../node_modules/@refinitiv-ui/${theme}-theme/${variant}/css/native-elements.css`);
       import(`../../../lib/accordion/themes/${theme}/${variant}/index.js`);
       import(`../../../lib/button/themes/${theme}/${variant}/index.js`);

packages/elements/src/accordion/__test__/accordion.test.js

@@ -3,9 +3,9 @@ import '@refinitiv-ui/elements/accordion';
 import '@refinitiv-ui/elements/collapse';
 import '@refinitiv-ui/elements/tree';
 
-import '@refinitiv-ui/elemental-theme/light/ef-accordion';
-import '@refinitiv-ui/elemental-theme/light/ef-collapse';
-import '@refinitiv-ui/elemental-theme/light/ef-tree';
+import '@refinitiv-ui/halo-theme/light/ef-accordion.js';
+import '@refinitiv-ui/halo-theme/light/ef-collapse.js';
+import '@refinitiv-ui/halo-theme/light/ef-tree.js';
 import { elementUpdated, expect, fixture, oneEvent } from '@refinitiv-ui/test-helpers';
 
 describe('accordion/Accordion', function () {

packages/elements/src/appstate-bar/__test__/appstate-bar.test.js

@@ -1,7 +1,7 @@
 // import element and theme
 import '@refinitiv-ui/elements/appstate-bar';
 
-import '@refinitiv-ui/elemental-theme/light/ef-appstate-bar.js';
+import '@refinitiv-ui/halo-theme/light/ef-appstate-bar.js';
 import { elementUpdated, expect, fixture, oneEvent } from '@refinitiv-ui/test-helpers';
 
 describe('appstate-bar/AppstateBar', function () {

packages/elements/src/autosuggest/__test__/autosuggest-functional.test.js

@@ -1,8 +1,8 @@
 import '@refinitiv-ui/elements/autosuggest';
 import '@refinitiv-ui/elements/text-field';
 
-import '@refinitiv-ui/elemental-theme/light/ef-autosuggest';
-import '@refinitiv-ui/elemental-theme/light/ef-text-field';
+import '@refinitiv-ui/halo-theme/light/ef-autosuggest.js';
+import '@refinitiv-ui/halo-theme/light/ef-text-field.js';
 import { elementUpdated, expect, isFirefox, nextFrame, oneEvent } from '@refinitiv-ui/test-helpers';
 import { isSafari } from '@refinitiv-ui/utils';
 import { isMobile } from '@refinitiv-ui/utils/browser.js';

packages/elements/src/autosuggest/__test__/autosuggest.test.js

@@ -1,8 +1,8 @@
 import { Autosuggest } from '@refinitiv-ui/elements/autosuggest';
 import '@refinitiv-ui/elements/text-field';
 
-import '@refinitiv-ui/elemental-theme/light/ef-autosuggest';
-import '@refinitiv-ui/elemental-theme/light/ef-text-field';
+import '@refinitiv-ui/halo-theme/light/ef-autosuggest.js';
+import '@refinitiv-ui/halo-theme/light/ef-text-field.js';
 import { elementUpdated, expect, nextFrame } from '@refinitiv-ui/test-helpers';
 
 // import element and theme

packages/elements/src/button-bar/__test__/button-bar.test.js

@@ -1,7 +1,7 @@
 import { Button } from '@refinitiv-ui/elements/button';
 import { ButtonBar } from '@refinitiv-ui/elements/button-bar';
 
-import '@refinitiv-ui/elemental-theme/light/ef-button-bar';
+import '@refinitiv-ui/halo-theme/light/ef-button-bar.js';
 import { elementUpdated, expect, fixture, html, oneEvent } from '@refinitiv-ui/test-helpers';
 
 const keyArrowLeft = new KeyboardEvent('keydown', { key: 'ArrowLeft' });

packages/elements/src/button/__test__/button.test.js

@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import '@refinitiv-ui/elements/button';
 
-import '@refinitiv-ui/elemental-theme/light/ef-button';
+import '@refinitiv-ui/halo-theme/light/ef-button.js';
 import { elementUpdated, expect, fixture, html, oneEvent } from '@refinitiv-ui/test-helpers';
 
 describe('button/Button', function () {

packages/elements/src/calendar/__test__/calendar.defaults.test.js

@@ -2,7 +2,7 @@
 import '@refinitiv-ui/elements/calendar';
 import { CalendarRenderView } from '@refinitiv-ui/elements/calendar';
 
-import '@refinitiv-ui/elemental-theme/light/ef-calendar.js';
+import '@refinitiv-ui/halo-theme/light/ef-calendar.js';
 import '@refinitiv-ui/phrasebook/locale/de/calendar.js';
 import {
   elementUpdated,

packages/elements/src/calendar/__test__/calendar.keyboard.test.js

@@ -2,7 +2,7 @@
 // import element and theme
 import '@refinitiv-ui/elements/calendar';
 
-import '@refinitiv-ui/elemental-theme/light/ef-calendar.js';
+import '@refinitiv-ui/halo-theme/light/ef-calendar.js';
 import { expect, fixture } from '@refinitiv-ui/test-helpers';
 
 import { down, end, home, left, right, setMonthView, setYearView, up } from './utils.js';

packages/elements/src/calendar/__test__/calendar.multiple.test.js

@@ -1,7 +1,7 @@
 // import element and theme
 import '@refinitiv-ui/elements/calendar';
 
-import '@refinitiv-ui/elemental-theme/light/ef-calendar.js';
+import '@refinitiv-ui/halo-theme/light/ef-calendar.js';
 import { elementUpdated, expect, fixture } from '@refinitiv-ui/test-helpers';
 
 import { getDateCells, setMonthView, setYearView } from './utils.js';