hunk.code_window:     cy.testJsontext("totalrecordcount", 20);
       cy.PublishtheApp();
       cy.wait(500);
       cy.wait("@postExecute");
       cy.wait(500);
       cy.get(".t--table-widget-next-page").should("not.have.attr", "disabled");
       cy.ValidateTableData("1");
       cy.get(commonlocators.tableNextPage).click({ force: true });
       cy.wait("@postExecute");
  
hunk.labels: keep keep keep keep add keep keep keep keep keep
hunk.after_edit:     cy.get(".show-page-items").should("contain", "20 Records");
       cy.get(".page-item")
         .next()
         .should("contain", "of 2");
  
hunk.file_path: app/client/cypress/integration/Smoke_TestSuite/ClientSideTests/Binding/Bind_TableTextPagination_spec.js
hunk.type: add
file: import React, { useCallback } from "react";
  import { Form, reduxForm, InjectedFormProps } from "redux-form";
  import { CREATE_ORGANIZATION_FORM_NAME } from "constants/forms";
  import {
    CreateOrganizationFormValues,
    createOrganizationSubmitHandler,
  } from "./helpers";
  import { noSpaces } from "utils/formhelpers";
  import TextField from "components/editorComponents/form/fields/TextField";
  import FormGroup from "components/editorComponents/form/FormGroup";
  import FormFooter from "components/editorComponents/form/FormFooter";
  import FormMessage from "components/editorComponents/form/FormMessage";
  
  // TODO(abhinav): abstract onCancel out.
  export function CreateApplicationForm(
    props: InjectedFormProps<
      CreateOrganizationFormValues,
      { onCancel: () => void }
    > & {
      onCancel: () => void;
    },
  ) {
    const {
      error,
      handleSubmit,
      invalid,
      onCancel,
      pristine,
      submitting,
    } = props;
    const submitHandler = useCallback(
      async (data, dispatch) => {
        const result = await createOrganizationSubmitHandler(data, dispatch);
        if (typeof onCancel === "function") onCancel(); // close after submit
        return result;
      },
      [handleSubmit, onCancel],
    );
  
    return (
      <Form
        data-cy="create-organisation-form"
        onSubmit={handleSubmit(submitHandler)}
      >
        {error && !pristine && <FormMessage intent="danger" message={error} />}
        <FormGroup helperText={error} intent={error ? "danger" : "none"}>
          <TextField
            autoFocus
            data-cy="create-organisation-form__name"
            name="name"
            placeholder="Name"
            validate={noSpaces}
          />
        </FormGroup>
        <FormFooter
          canSubmit={!invalid}
          data-cy="t--create-org-submit"
          divider
          onCancel={onCancel}
          onSubmit={handleSubmit(submitHandler)}
          size="small"
          submitOnEnter
          submitText="Submit"
          submitting={submitting && !error}
        />
      </Form>
    );
  }
  
  export default reduxForm<
    CreateOrganizationFormValues,
    { onCancel: () => void }
  >({
    form: CREATE_ORGANIZATION_FORM_NAME,
  })(CreateApplicationForm);
  