repair tests, add offset-class

TRIPTYK · Mar 15, 2024 · 80f117b · 80f117b
1 parent ed8a484
commit 80f117b
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 3 deletions.
diff --git a/ember-utils/package.json b/ember-utils/package.json
@@ -56,6 +56,7 @@
     "@glimmer/tracking": "~1.1.2",
     "date-fns": "^2.30.0",
     "ember-get-config": "^2.1.1",
+    "ember-modifier": "^4.1.0",
     "js-file-downloader": "^1.1.25"
   },
   "devDependencies": {
@@ -130,6 +131,7 @@
       "./helpers/is-even.js": "./dist/_app_/helpers/is-even.js",
       "./helpers/translate-country.js": "./dist/_app_/helpers/translate-country.js",
       "./helpers/truncate.js": "./dist/_app_/helpers/truncate.js",
+      "./modifiers/offset-class.js": "./dist/_app_/modifiers/offset-class.js",
       "./services/current-changeset.js": "./dist/_app_/services/current-changeset.js",
       "./services/current-transition.js": "./dist/_app_/services/current-transition.js",
       "./services/download-file.js": "./dist/_app_/services/download-file.js",

diff --git a/ember-utils/src/modifiers/offset-class.ts b/ember-utils/src/modifiers/offset-class.ts
@@ -0,0 +1,20 @@
+/* eslint-disable no-restricted-globals */
+import { modifier } from 'ember-modifier';
+
+export default modifier(
+  (element: HTMLElement, [className, offset]: [string, number]) => {
+    function handleScroll() {
+      // eslint-disable-next-line no-restricted-globals
+      if (window.scrollY > offset) {
+        element.classList.add(className);
+      } else {
+        element.classList.remove(className);
+      }
+    }
+    window.addEventListener('scroll', handleScroll);
+
+    return () => {
+      window.removeEventListener('scroll', handleScroll);
+    };
+  }
+);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/test-app/tests/unit/utils/ensure-model-properties-test.ts b/test-app/tests/unit/utils/ensure-model-properties-test.ts
@@ -1,5 +1,5 @@
 import type Store from '@ember-data/store';
-import { ensureModelProperties } from '@triptyk/ember-utils/utils/ensure-model-properties';
+import ensureModelProperties from '@triptyk/ember-utils/utils/ensure-model-properties';
 import Foo from 'test-app/models/foo';
 import { setupTest } from 'ember-qunit';
 import { module, test } from 'qunit';

diff --git a/test-app/tests/unit/utils/to-test.ts b/test-app/tests/unit/utils/to-test.ts
@@ -1,4 +1,4 @@
-import { to } from '@triptyk/ember-utils/utils/to';
+import to from '@triptyk/ember-utils/utils/to';
 import { module, test } from 'qunit';
 
 module('Unit | Utility | to', function () {