hunk.code_window:   },
     [CompactModeTypes.SHORT]: {
       COLUMN_HEADER_HEIGHT: 38,
       TABLE_HEADER_HEIGHT: 45,
       ROW_HEIGHT: 20,
  
hunk.labels: keep keep keep replace keep
hunk.after_edit:     TABLE_HEADER_HEIGHT: 42,
  
hunk.file_path: app/client/src/widgets/TableWidget.tsx
hunk.type: replace
file: const commonlocators = require("../../../locators/commonlocators.json");
  const formWidgetsPage = require("../../../locators/FormWidgets.json");
  const dsl = require("../../../fixtures/uiBindDsl.json");
  const publishPage = require("../../../locators/publishWidgetspage.json");
  const pages = require("../../../locators/Pages.json");
  
  describe("Binding the Datepicker and Text Widget", function() {
    let nextDay;
    let dateDp2;
  
    before(() => {
      cy.addDsl(dsl);
    });
  
    it("DatePicker-Text, Validate selectedDate functionality", function() {
      /**
       * Bind DatePicker1 to Text for "selectedDate"
       */
      cy.get(pages.widgetsEditor).click();
      cy.openPropertyPane("textwidget");
      cy.testJsontext("text", "{{DatePicker1.selectedDate}}");
      cy.get(commonlocators.editPropCrossButton).click();
  
      /**
       * Set the Calender for today's date in DatePicker1
       */
      cy.openPropertyPane("datepickerwidget");
      cy.get(formWidgetsPage.defaultDate).click();
      cy.SetDateToToday();
  
      cy.getDate(1, "YYYY-MM-DD").then(date => {
        cy.log("retured date" + date);
        nextDay = date;
        cy.wait("@updateLayout");
        cy.wait("@updateLayout");
  
        cy.PublishtheApp();
  
        /**
         * Change the date in DatePicker1 in Publish mode and validate the same in Text Widget
         */
        cy.get(publishPage.datepickerWidget + commonlocators.inputField)
          .eq(0)
          .click();
        cy.setDate(1, "ddd MMM DD YYYY");
        cy.get(commonlocators.labelTextStyle).should("contain", nextDay);
      });
  
      cy.get(commonlocators.backToEditor).click();
    });
  
    it("DatePicker1-text: Change the date in DatePicker1 and Validate the same in text widget", function() {
      cy.get(pages.widgetsEditor).click();
      cy.openPropertyPane("textwidget");
  
      /**
       * Bind the datepicker1 to text widget
       */
      cy.testJsontext("text", "{{DatePicker1.defaultDate}}");
      cy.get(commonlocators.editPropCrossButton).click();
  
      /**
       * Fetching the date on DatePicker2
       */
      cy.get(formWidgetsPage.datepickerWidget + " .bp3-input")
        .eq(1)
        .invoke("val")
        .then(val => {
          dateDp2 = val;
          cy.log(dateDp2);
        });
  
      /**
       * Changing date on datepicker1 to current date +1
       */
      cy.openPropertyPane("datepickerwidget");
      cy.get(formWidgetsPage.defaultDate).click();
      cy.SetDateToToday();
      cy.setDate(1, "ddd MMM DD YYYY");
      cy.get(commonlocators.onDateSelectedField).click();
      cy.get(commonlocators.editPropCrossButton).click();
  
      /**
       *Validate the date in text widget
       */
      cy.getDate(1, "YYYY-MM-DD").then(date => {
        cy.log("retured date" + date);
        nextDay = date;
        cy.get(commonlocators.labelTextStyle).should("contain", nextDay);
      });
    });
  
    it("Validate the Date is not changed in DatePicker2", function() {
      cy.log("dateDp2:" + dateDp2);
      cy.get(formWidgetsPage.datepickerWidget + commonlocators.inputField)
        .eq(1)
        .should("have.value", dateDp2);
  
      cy.PublishtheApp();
      cy.get(commonlocators.labelTextStyle).should("contain", nextDay);
      cy.get(publishPage.datepickerWidget + commonlocators.inputField)
        .eq(1)
        .should("have.value", dateDp2);
      cy.get(publishPage.backToEditor).click({ force: true });
    });
  
    it("DatePicker-Text, Validate Multiple Binding", function() {
      /**
       * Bind the DatePicker1 and DatePicker2 along with hard coded text to Text widget
       */
      cy.get(pages.widgetsEditor).click();
      cy.openPropertyPane("textwidget");
      cy.testJsontext(
        "text",
        "{{DatePicker1.isDisabled}} DatePicker {{DatePicker2.isDisabled}}",
      );
      cy.get(commonlocators.labelTextStyle).should("contain.text", "DatePicker");
      cy.PublishtheApp();
      cy.get(commonlocators.labelTextStyle).should("contain.text", "DatePicker");
      cy.get(publishPage.backToEditor).click({ force: true });
    });
  
    afterEach(() => {
      // put your clean up code if any
    });
  });
  