feat: introduce devMode to support nodejs based unit testing (#946)

* feat: introduce devMode to support nodejs based unit testing
6pac · Dec 7, 2023 · 918efa4 · 918efa4
1 parent 36173fc
commit 918efa4
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/models/gridOption.interface.ts b/src/models/gridOption.interface.ts
@@ -108,6 +108,9 @@ export interface GridOption<C extends BaseColumn = BaseColumn> {
   /** Default cell Formatter that will be used by the grid */
   defaultFormatter?: Formatter;
 
+  /** Escape hatch geared towards testing Slickgrid in jsdom based environments to circumvent the lack of stylesheet.ownerNode and clientWidth calculations */
+  devMode?: false & { ownerNodeIndex?: number; containerClientWidth?: number; };
+
   /** Do we have paging enabled? */
   doPaging?: boolean;
 

diff --git a/src/slick.grid.ts b/src/slick.grid.ts
@@ -2467,6 +2467,11 @@ export class SlickGrid<TData = any, C extends Column<TData> = Column<TData>, O e
     let i: number;
     if (!this.stylesheet) {
       const sheets: any = (this._options.shadowRoot || document).styleSheets;
+
+      if (typeof this.options.devMode?.ownerNodeIndex === "number" &&  this.options.devMode.ownerNodeIndex >= 0) {
+        sheets[this.options.devMode.ownerNodeIndex].ownerNode = this._style;
+      }
+
       for (i = 0; i < sheets.length; i++) {
         if ((sheets[i].ownerNode || sheets[i].owningElement) === this._style) {
           this.stylesheet = sheets[i];
@@ -4285,7 +4290,7 @@ export class SlickGrid<TData = any, C extends Column<TData> = Column<TData>, O e
   }
 
   getViewportWidth() {
-    this.viewportW = parseFloat(Utils.innerSize(this._container, 'width') as unknown as string);
+    this.viewportW = parseFloat(Utils.innerSize(this._container, 'width') as unknown as string) || this.options.devMode?.containerClientWidth || 0;
     return this.viewportW;
   }