// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Documents tab (noSql API) when rendered should render the page 1`] = `
<CosmosFluentProvider
  className="___1wp8swp_0000000 f1l02sjl"
>
  <div
    className="tab-pane active"
    data-test="DocumentsTab"
    role="tabpanel"
    style={
      {
        "display": "flex",
      }
    }
  >
    <div
      className="___11ktxfv_0000000 f1o614cb fy9rknc f22iagw fsnqrgy f1f5gg8d fjodcmx f122n59 f1f09k3d fg706s2 frpde29 ___1ngl8o6_0000000 fz7mnu6 fl3egqs flhmrkm"
      data-test="DocumentsTab/Filter"
    >
      <span>
         SELECT * FROM c 
      </span>
      <InputDataList
        bottomLink={
          {
            "text": "Learn more",
            "url": "https://learn.microsoft.com/en-us/azure/cosmos-db/data-explorer",
          }
        }
        dropdownOptions={
          [
            {
              "label": "Default filters",
              "options": [
                "WHERE c.id = "foo"",
                "ORDER BY c._ts DESC",
                "WHERE c.id = "foo" ORDER BY c._ts DESC",
                "ORDER BY c._ts ASC",
                "WHERE c.foo = "foo"",
              ],
            },
          ]
        }
        onChange={[Function]}
        onKeyDown={[Function]}
        placeholder="Type a query predicate (e.g., WHERE c.id=´1´), or choose one from the drop down list, or leave empty to query all documents."
        title="Type a query predicate or choose one from the list."
        value=""
      />
      <Button
        appearance="primary"
        aria-label="Apply filter"
        data-test="DocumentsTab/ApplyFilter"
        disabled={false}
        onClick={[Function]}
        size="small"
        tabIndex={0}
      >
        Apply Filter
      </Button>
    </div>
    <Allotment
      onDragEnd={[Function]}
    >
      <Allotment.Pane
        minSize={55}
        preferredSize="35%"
      >
        <div
          data-test="DocumentsTab/DocumentsPane"
          style={
            {
              "height": "100%",
              "overflow": "hidden",
              "width": "100%",
            }
          }
        >
          <div
            className="___9o87uj0_0000000 ffefeo0"
          >
            <div
              style={
                {
                  "height": "100%",
                  "width": "calc(100% + -11px)",
                }
              }
            >
              <DocumentsTableComponent
                collection={
                  {
                    "databaseId": "databaseId",
                    "id": [Function],
                  }
                }
                columnDefinitions={
                  [
                    {
                      "id": "id",
                      "isPartitionKey": false,
                      "label": "id",
                    },
                  ]
                }
                defaultColumnSelection={
                  [
                    "id",
                  ]
                }
                isColumnSelectionDisabled={false}
                isRowSelectionDisabled={true}
                items={[]}
                onColumnSelectionChange={[Function]}
                onRefreshTable={[Function]}
                onSelectedRowsChange={[Function]}
                selectedColumnIds={
                  [
                    "id",
                  ]
                }
                selectedRows={Set {}}
              />
            </div>
          </div>
        </div>
      </Allotment.Pane>
      <Allotment.Pane
        minSize={30}
      >
        <div
          data-test="DocumentsTab/ResultsPane"
          style={
            {
              "height": "100%",
              "width": "100%",
            }
          }
        />
      </Allotment.Pane>
    </Allotment>
  </div>
</CosmosFluentProvider>
`;
