v2.4.0 CI fixes

Author: dhilt

karma.conf.js

@@ -14,7 +14,7 @@ const BROWSERS = {
   FF: 'firefox',
 };
 const browser = Object.values(BROWSERS).find(b => b === process.env.TEST_BROWSER) || BROWSERS.DEFAULT;
-const flags = ['--window-size=1024,768'];
+const flags = ['--window-size=1024,768', '--no-sandbox'];
 
 module.exports = function (config) {
 

tests/min-max-indexes.spec.ts

@@ -192,7 +192,7 @@ const _testStartIndexEdgeCase: ItFuncConfig = (settings) => misc => async done =
 const _testForwardGapCase: ItFuncConfig = () => misc => async done => {
   await misc.relaxNext();
   const viewportSize = misc.getViewportSize();
-  const viewportChildren = misc.scroller.viewport.element.children;
+  const viewportChildren = misc.scroller.viewport.routines.element.children;
   const lastChild = viewportChildren[viewportChildren.length - 2];
   const lastChildBottom = lastChild.getBoundingClientRect().bottom;
   let gapSize = viewportSize - lastChildBottom;

tests/miscellaneous/misc.ts

@@ -93,7 +93,7 @@ export class Misc<Comp = TestComponentInterface> {
   generateFakeWorkflow(settings?: Scroller['settings']): Workflow {
     return new Workflow({
       consumer: { name: 'fake', version: 'x.x.x' },
-      element: this.scroller.viewport.element,
+      element: this.scroller.viewport.routines.element,
       datasource: { get: (_a: unknown, _b: unknown) => null, settings },
       run: () => null
     });
@@ -148,7 +148,7 @@ export class Misc<Comp = TestComponentInterface> {
   }
 
   getScrollableElement(): HTMLElement {
-    return this.window ? document.scrollingElement : this.viewportElement.nativeElement;
+    return this.window && document.scrollingElement || this.viewportElement.nativeElement;
   }
 
   getScrollPosition(): number {