cypress-ag-grid 3.0.0 → 3.2.1

package/README.md

@@ -9,6 +9,7 @@ Cypress plugin for interacting with and validating against ag grid.
         - [Getting Select Row Data](#getting-select-row-data)
         - [Getting Elements From the Grid](#getting-elements-from-the-grid)
         - [Sorting Columns](#sorting-columns)
+        - [Pinning Columns](#pinning-columns)
     + [Grid Filtering](#)
         - [Filter Options](#filter-options)
         - [Filter by Text - Column Menu](#filter-by-text---column-menu)
@@ -123,6 +124,21 @@ cy.get("#myGrid").agGridSortColumn("Model", "descending");
 </br>
 </br>
 
+### Pinning Columns
+This command will pin the specified column.
+<b>Definition</b>
+`.agGridPinColumn(columnName: string, pin: ['left', 'right', null])`
+
+Example:
+```javascript
+cy.get("#myGrid").agGridPinColumn("Model", "left") // Pins the "Model" column to the left
+cy.get("#myGrid").agGridPinColumn("Model", "right") // Pins the "Model" column to the right
+cy.get("#mGrid").agGridPinColumn("Model") // Removes the pin
+
+```
+</br>
+</br>
+
 ### Filter Options
 
 The below filtering commands takes an `options` parameter comprised of the following properties:

package/app/grid-basic.js

@@ -53,20 +53,18 @@ const eGridDiv = document.querySelector("#myGrid");
 new agGrid.Grid(eGridDiv, gridOptions);
 
 // Grab the grid data from the supplied API endpoint
-agGrid
-  .simpleHttpRequest({
-    url: "./data.json",
-  })
+fetch("./data.json")
+  .then(res => res.json())
   .then((data) => {
-    gridOptions.api.setRowData(data);
+    gridOptions.api.setGridOption('rowData', data);
   });
 
 function autoSizeAllColumns() {
   var allColumnIds = [];
-  gridOptions.columnApi.getAllColumns().forEach(function (column) {
+  gridOptions.api.getAllColumns().forEach(function (column) {
     allColumnIds.push(column.colId);
   });
-  gridOptions.columnApi.autoSizeColumns(allColumnIds);
+  gridOptions.api.autoSizeColumns(allColumnIds);
 }
 
 // If the Cypress test is running, ensure all columns fit within the window

package/app/grid-grouped.js

@@ -46,20 +46,18 @@ const eGridDivGrouped = document.querySelector("#myGrid2");
 new agGrid.Grid(eGridDivGrouped, gridOptionsGrouped);
 
 // Grab the grid data from the supplied API endpoint
-agGrid
-  .simpleHttpRequest({
-    url: "./data.json",
-  })
+fetch("./data.json")
+  .then(res => res.json())
   .then((data) => {
-    gridOptionsGrouped.api.setRowData(data);
+    gridOptionsGrouped.api.setGridOption('rowData', data);
   });
 
 function autoSizeAllColumns() {
   var allColumnIds = [];
-  gridOptionsGrouped.columnApi.getAllColumns().forEach(function (column) {
+  gridOptionsGrouped.api.getAllColumns().forEach(function (column) {
     allColumnIds.push(column.colId);
   });
-  gridOptionsGrouped.columnApi.autoSizeColumns(allColumnIds);
+  gridOptionsGrouped.api.autoSizeColumns(allColumnIds);
 }
 
 // If the Cypress test is running, ensure all columns fit within the window

package/cypress/e2e/ag-grid-data.cy.js

@@ -9,6 +9,36 @@ import { filterOperator } from "../../src/agGrid/filterOperator.enum";
 
 const _pageSize = 5;
 const agGridSelector = "#myGrid";
+const expectedPaginatedTableData = [
+  [
+    { Year: "2020", Make: "Toyota", Model: "Celica", Condition: "fair", Price: "35000" },
+    { Year: "2020", Make: "Ford", Model: "Mondeo", Condition: "excellent", Price: "32000" },
+    { Year: "2020", Make: "Porsche", Model: "Boxter", Condition: "good", Price: "72000" },
+    { Year: "2020", Make: "BMW", Model: "3-series", Condition: "fair", Price: "45000" },
+    { Year: "2020", Make: "Mercedes", Model: "GLC300", Condition: "good", Price: "53000" },
+  ],
+  [
+    { Year: "2020", Make: "Honda", Model: "Civic", Condition: "poor", Price: "22000" },
+    { Year: "2020", Make: "Honda", Model: "Accord", Condition: "poor", Price: "32000" },
+    { Year: "2020", Make: "Ford", Model: "Taurus", Condition: "excellent", Price: "19000" },
+    { Year: "2020", Make: "Hyundai", Model: "Elantra", Condition: "good", Price: "22000" },
+    { Year: "2020", Make: "Toyota", Model: "Celica", Condition: "poor", Price: "5000" },
+  ],
+  [
+    { Year: "2020", Make: "Ford", Model: "Mondeo", Condition: "good", Price: "25000" },
+    { Year: "2020", Make: "Porsche", Model: "Boxter", Condition: "good", Price: "99000" },
+    { Year: "2020", Make: "BMW", Model: "3-series", Condition: "poor", Price: "32000" },
+    { Year: "2020", Make: "Mercedes", Model: "GLC300", Condition: "excellent", Price: "35000" },
+    { Year: "2011", Make: "Honda", Model: "Civic", Condition: "good", Price: "9000" },
+  ],
+  [
+    { Year: "2020", Make: "Honda", Model: "Accord", Condition: "good", Price: "34000" },
+    { Year: "1990", Make: "Ford", Model: "Taurus", Condition: "excellent", Price: "900" },
+    { Year: "2020", Make: "Hyundai", Model: "Elantra", Condition: "fair", Price: "3000" },
+    { Year: "2020", Make: "BMW", Model: "2002", Condition: "excellent", Price: "88001" },
+    { Year: "2023", Make: "Hyundai", Model: "Santa Fe", Condition: "excellent", Price: "" },
+  ],
+];
 
 describe("ag-grid get data scenarios", () => {
   beforeEach(() => {
@@ -16,42 +46,30 @@ describe("ag-grid get data scenarios", () => {
     cy.get(".ag-cell", { timeout: 10000 }).should("be.visible");
   });
 
-  it("verify paginated table data - include all columns", () => {
-    const expectedPaginatedTableData = [
-      [
-        { Year: "2020", Make: "Toyota", Model: "Celica", Condition: "fair", Price: "35000" },
-        { Year: "2020", Make: "Ford", Model: "Mondeo", Condition: "excellent", Price: "32000" },
-        { Year: "2020", Make: "Porsche", Model: "Boxter", Condition: "good", Price: "72000" },
-        { Year: "2020", Make: "BMW", Model: "3-series", Condition: "fair", Price: "45000" },
-        { Year: "2020", Make: "Mercedes", Model: "GLC300", Condition: "good", Price: "53000" },
-      ],
-      [
-        { Year: "2020", Make: "Honda", Model: "Civic", Condition: "poor", Price: "22000" },
-        { Year: "2020", Make: "Honda", Model: "Accord", Condition: "poor", Price: "32000" },
-        { Year: "2020", Make: "Ford", Model: "Taurus", Condition: "excellent", Price: "19000" },
-        { Year: "2020", Make: "Hyundai", Model: "Elantra", Condition: "good", Price: "22000" },
-        { Year: "2020", Make: "Toyota", Model: "Celica", Condition: "poor", Price: "5000" },
-      ],
-      [
-        { Year: "2020", Make: "Ford", Model: "Mondeo", Condition: "good", Price: "25000" },
-        { Year: "2020", Make: "Porsche", Model: "Boxter", Condition: "good", Price: "99000" },
-        { Year: "2020", Make: "BMW", Model: "3-series", Condition: "poor", Price: "32000" },
-        { Year: "2020", Make: "Mercedes", Model: "GLC300", Condition: "excellent", Price: "35000" },
-        { Year: "2011", Make: "Honda", Model: "Civic", Condition: "good", Price: "9000" },
-      ],
-      [
-        { Year: "2020", Make: "Honda", Model: "Accord", Condition: "good", Price: "34000" },
-        { Year: "1990", Make: "Ford", Model: "Taurus", Condition: "excellent", Price: "900" },
-        { Year: "2020", Make: "Hyundai", Model: "Elantra", Condition: "fair", Price: "3000" },
-        { Year: "2020", Make: "BMW", Model: "2002", Condition: "excellent", Price: "88001" },
-        { Year: "2023", Make: "Hyundai", Model: "Santa Fe", Condition: "excellent", Price: "" },
-      ],
-    ];
-        cy.get(agGridSelector).agGridValidatePaginatedTable(
+  it("verify paginated table data - any order - include all columns", () => {
+    cy.get(agGridSelector).agGridValidatePaginatedTable(
       expectedPaginatedTableData
     );
   });
 
+  it("verify paginated table data - exact order - include all columns", () => {
+    cy.get(agGridSelector)
+      .getAgGridData()
+      .then((actualTableData) => {
+        cy.agGridValidateRowsExactOrder(actualTableData, expectedPaginatedTableData[0]);
+      });
+  });
+
+  it("verify exact order table data when columns are not in order - include all columns", () => {
+    cy.get(agGridSelector).agGridPinColumn('Price', 'left');
+
+    cy.get(agGridSelector)
+      .getAgGridData()
+      .then((actualTableData) => {
+        cy.agGridValidateRowsExactOrder(actualTableData, expectedPaginatedTableData[0]);
+      });
+  });
+
   it("verify paginated table data - excluding columns", () => {
     const expectedPaginatedTableData = [
       [
@@ -80,7 +98,7 @@ describe("ag-grid get data scenarios", () => {
         { Year: "1990", Make: "Ford", Model: "Taurus" },
         { Year: "2020", Make: "Hyundai", Model: "Elantra" },
         { Year: "2020", Make: "BMW", Model: "2002" },
-        { Year: "2023", Make: "Hyundai", Model: "Santa Fe"},
+        { Year: "2023", Make: "Hyundai", Model: "Santa Fe" },
       ],
     ];
     cy.get(agGridSelector).agGridValidatePaginatedTable(
@@ -116,7 +134,7 @@ describe("ag-grid get data scenarios", () => {
       { Year: "2020", Make: "BMW", Model: "3-series", Condition: "poor", Price: "32000" },
       { Year: "2020", Make: "BMW", Model: "2002", Condition: "excellent", Price: "88001" },
     ];
-    
+
     cy.get(agGridSelector).agGridColumnFilterCheckboxMenu({
       searchCriteria: [
         {
@@ -197,7 +215,7 @@ describe("ag-grid get data scenarios", () => {
       { Year: "2020", Make: "Ford", Model: "Taurus", Condition: "excellent", Price: "19000" },
       { Year: "1990", Make: "Ford", Model: "Taurus", Condition: "excellent", Price: "900" },
     ];
-    
+
     cy.get(agGridSelector).agGridSortColumn("Model", sort.ascending);
     cy.get(agGridSelector).agGridColumnFilterTextFloating({
       searchCriteria: {
@@ -219,7 +237,7 @@ describe("ag-grid get data scenarios", () => {
       { Year: "2020", Make: "BMW", Model: "3-series", Condition: "fair", Price: "45000" },
       { Year: "2020", Make: "BMW", Model: "3-series", Condition: "poor", Price: "32000" },
     ];
-    
+
     cy.get(agGridSelector).agGridSortColumn("Model", sort.ascending);
     cy.get(agGridSelector).agGridColumnFilterTextFloating({
       searchCriteria: {
@@ -432,7 +450,7 @@ describe("ag-grid get data scenarios", () => {
       });
   });
 
-  it("able to filter by 'Blank'", () =>{
+  it("able to filter by 'Blank'", () => {
     const expectedTableData = [
       { Year: "2023", Make: "Hyundai", Model: "Santa Fe", Condition: "excellent", Price: "" }
     ]
@@ -445,50 +463,50 @@ describe("ag-grid get data scenarios", () => {
       hasApplyButton: true,
     });
     cy.get(agGridSelector)
-    .getAgGridData()
-    .then((actualTableData) => {
-      cy.agGridValidateRowsSubset(actualTableData, expectedTableData);
-    });  
+      .getAgGridData()
+      .then((actualTableData) => {
+        cy.agGridValidateRowsSubset(actualTableData, expectedTableData);
+      });
 
   });
 
-  it('able to filter by agTextColumnFilter with join operator', ()=>{
+  it('able to filter by agTextColumnFilter with join operator', () => {
     const expectedTableData = [
       { Year: "2020", Make: "Toyota", Model: "Celica", Condition: "fair", Price: "35000" },
       { Year: "2020", Make: "BMW", Model: "3-series", Condition: "fair", Price: "45000" },
       { Year: "2020", Make: "Hyundai", Model: "Elantra", Condition: "fair", Price: "3000" },
     ]
     cy.get(agGridSelector).agGridColumnFilterTextFloating({
-      searchCriteria: 
+      searchCriteria:
       {
         columnName: "Condition",
-        operator: "Starts with",
+        operator: filterOperator.startsWith,
         filterValue: 'f',
         searchInputIndex: 0,
       },
-      
+
       multiple: true,
       hasApplyButton: true,
     });
-  
+
     cy.get(agGridSelector).agGridColumnFilterTextFloating({
-      searchCriteria: 
+      searchCriteria:
       {
         columnName: "Condition",
-        operator:"Ends with",
+        operator: filterOperator.endsWith,
         filterValue: "ir",
         searchInputIndex: 1,
       },
-      
+
       multiple: true,
       hasApplyButton: true,
     });
 
     cy.get(agGridSelector)
-    .getAgGridData()
-    .then((actualTableData) => {
-      cy.agGridValidateRowsSubset(actualTableData, expectedTableData);
-    });  
+      .getAgGridData()
+      .then((actualTableData) => {
+        cy.agGridValidateRowsSubset(actualTableData, expectedTableData);
+      });
   });
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cypress-ag-grid",
-  "version": "3.0.0",
+  "version": "3.2.1",
   "description": "Cypress plugin to interact with ag grid",
   "main": "src/index.js",
   "repository": {
@@ -18,7 +18,7 @@
     "cypress aggrid"
   ],
   "scripts": {
-    "test": "npx cypress run --headless --spec cypress/integration/ag-grid-spec.js",
+    "test": "npx cypress run --headless --spec cypress/e2e/*.cy.js",
     "test:watch": "npx cypress open"
   },
   "author": "Kerry McKeever <kerry@kerrymckeever.com>",

package/src/agGrid/agGridInteractions.js

@@ -79,23 +79,22 @@ function _getAgGrid(agGridElement, options = {}, returnElements) {
         // Sort row cells by their aria-colindex attribute value
         // First check if elements returned already contain the aria-colindex
         // If not, just query for the .ag-cell
-        let rowCells = [...row.querySelectorAll(".ag-cell [aria-colindex]")];
+        let rowCells = [...row.querySelectorAll(".ag-cell[aria-colindex]")];
         if (rowCells.length === 0) {
           rowCells = [...row.querySelectorAll(".ag-cell")];
         }
-        return rowCells
-          .sort(sortElementsByAttributeValue("aria-colindex"))
-          .map((e) => {
-            if (returnElements) {
-              return e;
-            } else {
-              return e.textContent.trim();
-            }
-          });
+        const rowIndex = parseInt(
+          row.attributes["row-index"].nodeValue,
+          10
+        ).valueOf();
+
+        if (allRows[rowIndex]) {
+          allRows[rowIndex] = [...allRows[rowIndex], ...rowCells];
+        } else {
+          allRows[rowIndex] = rowCells;
+        }
       });
-    allRows.push(_rows);
   });
-
   // Remove any empty arrays before merging
   allRows = allRows.filter(function (ele) {
     return ele.length;
@@ -103,12 +102,19 @@ function _getAgGrid(agGridElement, options = {}, returnElements) {
 
   if (!allRows.length) rows = [];
   else {
-    // Combine results from all specified tables (either single table, or all pinned columns) by index
-    rows = allRows.reduce(function (a, b) {
-      return a.map(function (v, i) {
-        return v.concat(b[i]);
-      });
-    });
+    rows = allRows
+      .filter((rowCells) => rowCells.length)
+      .map((rowCells) =>
+        rowCells
+          .sort(sortElementsByAttributeValue("aria-colindex"))
+          .map((e) => {
+            if (returnElements) {
+              return e;
+            } else {
+              return e.textContent.trim();
+            }
+          })
+      );
   }
 
   // if options.rawValues = true, return headers & rows values as arrays instead of mapping as objects
@@ -151,11 +157,11 @@ function getColumnHeaderElement(agGridElement, columnName) {
  * @returns
  */
 export function sortColumnBy(agGridElement, columnName, sortDirection) {
-    if(sortDirection.toLowerCase() === "ascending"){
-      sortDirection = "asc"
-    }else if(sortDirection.toLowerCase() === "descending"){
-      sortDirection = "desc"
-    }
+  if (sortDirection.toLowerCase() === "ascending") {
+    sortDirection = "asc";
+  } else if (sortDirection.toLowerCase() === "descending") {
+    sortDirection = "desc";
+  }
 
   if (sortDirection === sort.ascending || sortDirection === sort.descending) {
     return getColumnHeaderElement(agGridElement, columnName)
@@ -163,15 +169,14 @@ export function sortColumnBy(agGridElement, columnName, sortDirection) {
       .invoke("attr", "class")
       .then((value) => {
         cy.log(`sort: ${sortDirection}`);
-        if(!value.includes(`ag-header-cell-sorted-${sortDirection}`)){
+        if (!value.includes(`ag-header-cell-sorted-${sortDirection}`)) {
           getColumnHeaderElement(agGridElement, columnName).click().wait(250);
           sortColumnBy(agGridElement, columnName, sortDirection);
         }
-      });
+      })
+      .wait(100);
   } else {
-    throw new Error(
-      "sortDirection must be either 'asc' or 'desc'."
-    );
+    throw new Error("sortDirection must be either 'asc' or 'desc'.");
   }
 }
 
@@ -239,13 +244,13 @@ function getFilterColumnButtonElement(
  * @param operator (optional) use if using a search operator (i.e. Less Than, Equals, etc...use filterOperator.enum values)
  * @param noMenuTabs (optional) boolean indicating if the menu has tabs.
  */
- function filterBySearchTerm(agGridElement, options) {
+function filterBySearchTerm(agGridElement, options) {
   const filterValue = options.searchCriteria.filterValue;
   const operator = options.searchCriteria.operator;
   const searchInputIndex = options.searchCriteria.searchInputIndex || 0;
   const isMultiFilter = options.searchCriteria.isMultiFilter;
   const noMenuTabs = options.noMenuTabs;
-  
+
   // Navigate to the filter tab
   if (!noMenuTabs) {
     selectMenuTab(agGridElement, filterTab.filter);
@@ -253,6 +258,7 @@ function getFilterColumnButtonElement(
 
   if (operator) {
     cy.get(agGridElement)
+      .find(".ag-filter")
       .find(".ag-picker-field-wrapper")
       .filter(":visible")
       .eq(searchInputIndex)
@@ -271,34 +277,28 @@ function getFilterColumnButtonElement(
     .find(".ag-popup-child")
     .find("input")
     .filter(":visible")
-    .as("filterInput")
-
-    // If it's a multi filter, de-select the 'select-all' checkbox
-    if(isMultiFilter){
-      const selectAllText = options.selectAllLocaleText || "Select All";
-      toggleColumnCheckboxFilter(
-        agGridElement,
-        selectAllText,
-        false,
-        true
-      );
-    }
+    .as("filterInput");
 
-    // Get the saved filter input and enter the search term
-    if(operator !== filterOperator.blank && operator !== filterOperator.notBlank){      
-      cy.get("@filterInput").then(($ele)=>{
-        cy.wrap($ele)
-        .eq(searchInputIndex)
-        .clear()
-        .type(filterValue)
-        .wait(500);  
-      })
-    }
+  // If it's a multi filter, de-select the 'select-all' checkbox
+  if (isMultiFilter) {
+    const selectAllText = options.selectAllLocaleText || "Select All";
+    toggleColumnCheckboxFilter(agGridElement, selectAllText, false, true);
+  }
 
-    // Finally, if a multi-filter, select the filter value's checkbox
-    if(isMultiFilter){
-      toggleColumnCheckboxFilter(agGridElement, filterValue, true, true)
-    }
+  // Get the saved filter input and enter the search term
+  if (
+    operator !== filterOperator.blank &&
+    operator !== filterOperator.notBlank
+  ) {
+    cy.get("@filterInput").then(($ele) => {
+      cy.wrap($ele).eq(searchInputIndex).clear().type(filterValue).wait(500);
+    });
+  }
+
+  // Finally, if a multi-filter, select the filter value's checkbox
+  if (isMultiFilter) {
+    toggleColumnCheckboxFilter(agGridElement, filterValue, true, true);
+  }
 }
 
 function applyColumnFilter(agGridElement, hasApplyButton, noMenuTabs) {
@@ -306,10 +306,11 @@ function applyColumnFilter(agGridElement, hasApplyButton, noMenuTabs) {
     cy.get(agGridElement)
       .find(".ag-filter-apply-panel-button")
       .contains("Apply")
-      .click();
+      .click()
+      .wait(500);
   }
   if (!noMenuTabs) {
-    getMenuTabElement(agGridElement, filterTab.filter).click();
+    getMenuTabElement(agGridElement, filterTab.filter).click().wait(500);
   }
 }
 
@@ -334,8 +335,8 @@ function toggleColumnCheckboxFilter(
     .siblings("div")
     .find("input")
     .then(($ele) => {
-      if (doSelect) cy.wrap($ele).check();
-      else cy.wrap($ele).uncheck();
+      if (doSelect) cy.wrap($ele).check().wait(500);
+      else cy.wrap($ele).uncheck().wait(500);
     });
 }
 
@@ -343,16 +344,51 @@ function populateSearchCriteria(
   searchCriteria,
   hasApplyButton = false,
   noMenuTabs = false,
-  selectAllLocaleText = 'Select All'
-  ) {
+  selectAllLocaleText = "Select All"
+) {
   const options = {};
-  options.searchCriteria = {...searchCriteria};
+  options.searchCriteria = { ...searchCriteria };
   options.selectAllLocaleText = selectAllLocaleText;
   options.hasApplyButton = hasApplyButton;
   options.noMenuTabs = noMenuTabs;
   return options;
 }
 
+/**
+ * Will add or remove a column from ag grid.
+ * @param columnName The column name to add/remove
+ * @param pin 'left', 'right' or null
+ */
+export function pinColumn(agGridElement, columnName, pin) {
+  getColumnHeaderElement(agGridElement, columnName)
+    .parent()
+    .siblings(".ag-header-cell-menu-button")
+    .click();
+
+  selectMenuTab(agGridElement, filterTab.general);
+
+  cy.get(agGridElement).find(".ag-menu-option").contains("Pin Column").click();
+
+  var selectedOption;
+
+  switch (pin) {
+    case "left":
+      selectedOption = "Pin Left";
+      break;
+    case "right":
+      selectedOption = "Pin Right";
+      break;
+    default:
+      selectedOption = "No Pin";
+      break;
+  }
+
+  cy.get(agGridElement)
+    .find(".ag-menu-option")
+    .contains(selectedOption)
+    .click();
+}
+
 /**
  *  * Performs a filter operation on the specified column via the context menu using plain text search
  * @param agGridElement The get() selector for which ag grid table you wish to retrieve.
@@ -387,10 +423,7 @@ function _filterBySearchTextColumnMenu(agGridElement, options) {
     agGridElement,
     options.searchCriteria.columnName
   ).click();
-  filterBySearchTerm(
-    agGridElement,
-    options
-  );
+  filterBySearchTerm(agGridElement, options);
   applyColumnFilter(agGridElement, options.hasApplyButton, options.noMenuTabs);
 }
 
@@ -430,10 +463,7 @@ function _filterBySearchTextColumnFloatingFilter(agGridElement, options) {
       options.searchCriteria.columnName,
       true
     ).click();
-    filterBySearchTerm(
-      agGridElement,
-      options
-    );
+    filterBySearchTerm(agGridElement, options);
     applyColumnFilter(
       agGridElement,
       options.hasApplyButton,

package/src/agGrid/filterOperator.enum.js

@@ -1,15 +1,15 @@
 export const filterOperator = {
   contains: "Contains",
-  notContains: "Not contains",
+  notContains: "Does not contain",
   equals: "Equals",
-  notEquals: "Not equals",
-  startsWith: "Starts with",
+  notEquals: "Does not equal",
+  startsWith: "Begins with",
   endsWith: "Ends with",
   lessThan: "Less than",
-  lessThanOrEquals: "Less than or equals",
+  lessThanOrEquals: "Less than or equal to",
   greaterThan: "Greater than",
-  greaterThanOrEquals: "Greater than or equals",
-  inRange: "In range",
+  greaterThanOrEquals: "Greater than or equal to",
+  inRange: "Between",
   blank: "Blank",
   notBlank: "Not Blank"
 }

package/src/agGrid/menuTab.enum.js

@@ -2,5 +2,5 @@ export const filterTab = {
   columns: "columns",
   filter: "filter",
   search: "search",
-  general: "general"
+  general: "menu"
 }

package/src/index.js

@@ -2,7 +2,7 @@
 
 import {getAgGridData, getAgGridElements, sortColumnBy} from "./agGrid/agGridInteractions"
 import {validateTablePages, validateTableExactOrder, validateEmptyTable, validateTableRowSubset} from "./agGrid/agGridValidations"
-import {filterByCheckboxColumnMenu, filterBySearchTextColumnFloatingFilter, filterBySearchTextColumnMenu, toggleColumnFromSideBar} from "./agGrid/agGridInteractions";
+import {filterByCheckboxColumnMenu, filterBySearchTextColumnFloatingFilter, filterBySearchTextColumnMenu, toggleColumnFromSideBar, pinColumn} from "./agGrid/agGridInteractions";
 
 Cypress.Commands.add('getAgGridData', { prevSubject: true }, getAgGridData);
 Cypress.Commands.add('getAgGridElements', {prevSubject: true}, getAgGridElements);
@@ -16,4 +16,5 @@ Cypress.Commands.add('agGridValidateRowsExactOrder', {prevSubject: 'optional'},
 Cypress.Commands.add('agGridValidateRowsSubset', {prevSubject: 'optional'}, validateTableRowSubset)
 Cypress.Commands.add('agGridValidateEmptyTable', {prevSubject: 'optional'}, validateEmptyTable)
 
-Cypress.Commands.add('agGridToggleColumnsSideBar', {prevSubject: true}, toggleColumnFromSideBar)
+Cypress.Commands.add('agGridToggleColumnsSideBar', {prevSubject: true}, toggleColumnFromSideBar)
+Cypress.Commands.add('agGridPinColumn', {prevSubject: true}, pinColumn)