hunk.code_window:       .parent()
         .parent()
         .parent()
         .parent()
         .should("have.class", "is-active");
       // Assert active page DSL
       cy.get(commonlocators.headingTextStyle).should(
         "have.text",
         "This is Page 1",
  
hunk.labels: keep keep keep add keep keep keep keep keep
hunk.after_edit:       .parent()
         .parent()
  
hunk.file_path: app/client/cypress/integration/Smoke_TestSuite/ClientSideTests/Pages/Page_Load_Spec.js
hunk.type: add
file: import { ButtonVariantTypes } from "components/constants";
  import { Colors } from "constants/Colors";
  import IconSVG from "./icon.svg";
  import Widget from "./widget";
  
  export const CONFIG = {
    type: Widget.getWidgetType(),
    name: "Stats Box",
    iconSVG: IconSVG,
    needsMeta: true,
    isCanvas: true,
    defaults: {
      rows: 14,
      columns: 16,
      animateLoading: true,
      widgetName: "Statbox",
      backgroundColor: "white",
      children: [],
      blueprint: {
        view: [
          {
            type: "CANVAS_WIDGET",
            position: { top: 0, left: 0 },
            props: {
              containerStyle: "none",
              canExtend: false,
              detachFromLayout: true,
              children: [],
              version: 1,
              blueprint: {
                view: [
                  {
                    type: "TEXT_WIDGET",
                    size: {
                      rows: 4,
                      cols: 36,
                    },
                    position: { top: 0, left: 1 },
                    props: {
                      text: "Page Views",
                      fontSize: "PARAGRAPH2",
                      textColor: "#999999",
                      version: 1,
                    },
                  },
                  {
                    type: "TEXT_WIDGET",
                    size: {
                      rows: 4,
                      cols: 36,
                    },
                    position: {
                      top: 4,
                      left: 1,
                    },
                    props: {
                      text: "2.6 M",
                      fontSize: "HEADING1",
                      fontStyle: "BOLD",
                      version: 1,
                    },
                  },
                  {
                    type: "TEXT_WIDGET",
                    size: {
                      rows: 4,
                      cols: 36,
                    },
                    position: {
                      top: 8,
                      left: 1,
                    },
                    props: {
                      text: "21% more than last month",
                      fontSize: "PARAGRAPH2",
                      textColor: Colors.GREEN,
                      version: 1,
                    },
                  },
                  {
                    type: "ICON_BUTTON_WIDGET",
                    size: {
                      rows: 8,
                      cols: 16,
                    },
                    position: {
                      top: 2,
                      left: 46,
                    },
                    props: {
                      iconName: "arrow-top-right",
                      buttonStyle: "PRIMARY",
                      buttonVariant: ButtonVariantTypes.PRIMARY,
                      version: 1,
                    },
                  },
                ],
              },
            },
          },
        ],
      },
    },
    properties: {
      derived: Widget.getDerivedPropertiesMap(),
      default: Widget.getDefaultPropertiesMap(),
      meta: Widget.getMetaPropertiesMap(),
      config: Widget.getPropertyPaneConfig(),
    },
  };
  
  export default Widget;
  