✨ feat(core): enable / disable animation with local storage for e2e t…

…esting (#1551) * Create PR for #1550 * feat(core): disable animation by set local storage key baloise-animated to false --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Gery Hirschfeld <[email protected]>
baloise · Dec 11, 2024 · ad41e5c · ad41e5c
1 parent a625175
commit ad41e5c
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 3 deletions.
diff --git a/.changeset/tough-cows-flash.md b/.changeset/tough-cows-flash.md
@@ -0,0 +1,5 @@
+---
+'@baloise/ds-core': minor
+---
+
+**core**: disable animation by set local storage key baloise-animated to false
diff --git a/packages/core/src/components/bal-app/bal-app.tsx b/packages/core/src/components/bal-app/bal-app.tsx
@@ -34,7 +34,9 @@ export class App implements Loggable {
   @Prop({ reflect: true, mutable: true }) ready = false
 
   connectedCallback() {
-    updateBalAnimated(this.animated)
+    if (this.animated === false) {
+      updateBalAnimated(this.animated)
+    }
 
     if (balBrowser.hasWindow) {
       window.addEventListener('resize', this.debouncedNotify)

diff --git a/packages/core/src/utils/config/config.const.ts b/packages/core/src/utils/config/config.const.ts
@@ -1 +1,2 @@
 export const BALOISE_SESSION_KEY = 'baloise-persist-config'
+export const BALOISE_ANIMATION_KEY = 'baloise-animated'
diff --git a/packages/core/src/utils/config/config.ts b/packages/core/src/utils/config/config.ts
@@ -1,6 +1,6 @@
 import { balBrowser } from '../browser'
 import { BalLogger } from '../log'
-import { BALOISE_SESSION_KEY } from './config.const'
+import { BALOISE_ANIMATION_KEY, BALOISE_SESSION_KEY } from './config.const'
 import { BalConfig, BalConfigState, BalIcons, BalLanguage, BalRegion } from './config.types'
 import { BalConfigObserver } from './observable/observer'
 import { defaultConfig } from './config.default'
@@ -179,6 +179,22 @@ export const configFromSession = (win: Window): any => {
   }
 }
 
+export const configFromLocalStorage = (win: Window): any => {
+  try {
+    const animated = JSON.parse(win.localStorage.getItem(BALOISE_ANIMATION_KEY))
+
+    if (animated !== null) {
+      return {
+        animated,
+      }
+    }
+
+    return {}
+  } catch (e) {
+    return {}
+  }
+}
+
 export const saveConfig = (win: Window, c: any) => {
   try {
     win.sessionStorage.setItem(BALOISE_SESSION_KEY, JSON.stringify(c))

diff --git a/packages/core/src/utils/config/initialize.ts b/packages/core/src/utils/config/initialize.ts
@@ -1,5 +1,5 @@
 import { balBrowser } from '../browser'
-import { config, configFromSession } from './config'
+import { config, configFromLocalStorage, configFromSession } from './config'
 
 import { BalConfig } from './config.types'
 
@@ -12,6 +12,7 @@ export const setupConfig = (userConfig: BalConfig = {}, win = {} as any) => {
 
   config.reset({
     ...configFromSession(win),
+    ...configFromLocalStorage(win),
     ...userConfig,
     icons: {
       ...configFromSession(win).icons,
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		export const BALOISE_SESSION_KEY = 'baloise-persist-config'
		export const BALOISE_ANIMATION_KEY = 'baloise-animated'