diff --git a/x-pack/legacy/plugins/reporting/server/routes/lib/get_document_payload.ts b/x-pack/legacy/plugins/reporting/server/routes/lib/get_document_payload.ts
index a196b70038e53..fb3944ea33552 100644
--- a/x-pack/legacy/plugins/reporting/server/routes/lib/get_document_payload.ts
+++ b/x-pack/legacy/plugins/reporting/server/routes/lib/get_document_payload.ts
@@ -65,11 +65,10 @@ export function getDocumentPayloadFactory(
     const exportType = exportTypesRegistry.get((item: ExportTypeType) => item.jobType === jobType);
     const filename = getTitle(exportType, title);
     const headers = getReportingHeaders(output, exportType);
-    const content = encodeContent(output.content, exportType);
 
     return {
       statusCode: 200,
-      content,
+      content: encodeContent(output.content, exportType),
       contentType: output.content_type,
       headers: {
         ...headers,
diff --git a/x-pack/plugins/reporting/public/components/__snapshots__/report_listing.test.tsx.snap b/x-pack/plugins/reporting/public/components/__snapshots__/report_listing.test.tsx.snap
index b5304c6020c43..73cd258edd7d3 100644
--- a/x-pack/plugins/reporting/public/components/__snapshots__/report_listing.test.tsx.snap
+++ b/x-pack/plugins/reporting/public/components/__snapshots__/report_listing.test.tsx.snap
@@ -2,6 +2,411 @@
 
 exports[`ReportListing Report job listing with some items 1`] = `
 Array [
+  <EuiInMemoryTable
+    columns={
+      Array [
+        Object {
+          "field": "object_title",
+          "name": "Report",
+          "render": [Function],
+        },
+        Object {
+          "field": "created_at",
+          "name": "Created at",
+          "render": [Function],
+        },
+        Object {
+          "field": "status",
+          "name": "Status",
+          "render": [Function],
+        },
+        Object {
+          "actions": Array [
+            Object {
+              "render": [Function],
+            },
+          ],
+          "name": "Actions",
+        },
+      ]
+    }
+    data-test-subj="reportJobListing"
+    isSelectable={true}
+    itemId="id"
+    items={Array []}
+    loading={true}
+    message="Loading reports"
+    onChange={[Function]}
+    pagination={
+      Object {
+        "hidePerPageOptions": true,
+        "pageIndex": 0,
+        "pageSize": 10,
+        "totalItemCount": 0,
+      }
+    }
+    responsive={true}
+    selection={
+      Object {
+        "itemId": "id",
+        "onSelectionChange": [Function],
+      }
+    }
+    tableLayout="fixed"
+  >
+    <EuiBasicTable
+      columns={
+        Array [
+          Object {
+            "field": "object_title",
+            "name": "Report",
+            "render": [Function],
+          },
+          Object {
+            "field": "created_at",
+            "name": "Created at",
+            "render": [Function],
+          },
+          Object {
+            "field": "status",
+            "name": "Status",
+            "render": [Function],
+          },
+          Object {
+            "actions": Array [
+              Object {
+                "render": [Function],
+              },
+            ],
+            "name": "Actions",
+          },
+        ]
+      }
+      data-test-subj="reportJobListing"
+      isSelectable={true}
+      itemId="id"
+      items={Array []}
+      loading={true}
+      noItemsMessage="Loading reports"
+      onChange={[Function]}
+      pagination={
+        Object {
+          "hidePerPageOptions": true,
+          "pageIndex": 0,
+          "pageSize": 10,
+          "pageSizeOptions": Array [
+            10,
+            25,
+            50,
+          ],
+          "totalItemCount": 0,
+        }
+      }
+      responsive={true}
+      selection={
+        Object {
+          "itemId": "id",
+          "onSelectionChange": [Function],
+        }
+      }
+      tableLayout="fixed"
+    >
+      <div
+        className="euiBasicTable euiBasicTable-loading"
+        data-test-subj="reportJobListing"
+      >
+        <div>
+          <EuiTableHeaderMobile>
+            <div
+              className="euiTableHeaderMobile"
+            >
+              <EuiFlexGroup
+                alignItems="baseline"
+                justifyContent="spaceBetween"
+                responsive={false}
+              >
+                <div
+                  className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+                >
+                  <EuiFlexItem
+                    grow={false}
+                  >
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <EuiI18n
+                        default="Select all rows"
+                        token="euiBasicTable.selectAllRows"
+                      >
+                        <EuiCheckbox
+                          aria-label="Select all rows"
+                          checked={false}
+                          compressed={false}
+                          disabled={true}
+                          id="_selection_column-checkbox_cafv69fr"
+                          indeterminate={false}
+                          label="Select all rows"
+                          onChange={[Function]}
+                        >
+                          <div
+                            className="euiCheckbox"
+                          >
+                            <input
+                              aria-label="Select all rows"
+                              checked={false}
+                              className="euiCheckbox__input"
+                              disabled={true}
+                              id="_selection_column-checkbox_cafv69fr"
+                              onChange={[Function]}
+                              type="checkbox"
+                            />
+                            <div
+                              className="euiCheckbox__square"
+                            />
+                            <label
+                              className="euiCheckbox__label"
+                              htmlFor="_selection_column-checkbox_cafv69fr"
+                            >
+                              Select all rows
+                            </label>
+                          </div>
+                        </EuiCheckbox>
+                      </EuiI18n>
+                    </div>
+                  </EuiFlexItem>
+                  <EuiFlexItem
+                    grow={false}
+                  >
+                    <div
+                      className="euiFlexItem euiFlexItem--flexGrowZero"
+                    />
+                  </EuiFlexItem>
+                </div>
+              </EuiFlexGroup>
+            </div>
+          </EuiTableHeaderMobile>
+          <EuiTable
+            responsive={true}
+            tableLayout="fixed"
+          >
+            <table
+              className="euiTable euiTable--responsive"
+            >
+              <EuiScreenReaderOnly>
+                <caption
+                  className="euiScreenReaderOnly euiTableCaption"
+                >
+                  <EuiDelayRender
+                    delay={500}
+                  />
+                </caption>
+              </EuiScreenReaderOnly>
+              <EuiTableHeader>
+                <thead>
+                  <tr>
+                    <EuiTableHeaderCellCheckbox
+                      key="_selection_column_h"
+                    >
+                      <th
+                        className="euiTableHeaderCellCheckbox"
+                        scope="col"
+                        style={
+                          Object {
+                            "width": undefined,
+                          }
+                        }
+                      >
+                        <div
+                          className="euiTableCellContent"
+                        >
+                          <EuiI18n
+                            default="Select all rows"
+                            token="euiBasicTable.selectAllRows"
+                          >
+                            <EuiCheckbox
+                              aria-label="Select all rows"
+                              checked={false}
+                              compressed={false}
+                              data-test-subj="checkboxSelectAll"
+                              disabled={true}
+                              id="_selection_column-checkbox_fubvvpen"
+                              indeterminate={false}
+                              label={null}
+                              onChange={[Function]}
+                              type="inList"
+                            >
+                              <div
+                                className="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                              >
+                                <input
+                                  aria-label="Select all rows"
+                                  checked={false}
+                                  className="euiCheckbox__input"
+                                  data-test-subj="checkboxSelectAll"
+                                  disabled={true}
+                                  id="_selection_column-checkbox_fubvvpen"
+                                  onChange={[Function]}
+                                  type="checkbox"
+                                />
+                                <div
+                                  className="euiCheckbox__square"
+                                />
+                              </div>
+                            </EuiCheckbox>
+                          </EuiI18n>
+                        </div>
+                      </th>
+                    </EuiTableHeaderCellCheckbox>
+                    <EuiTableHeaderCell
+                      align="left"
+                      data-test-subj="tableHeaderCell_object_title_0"
+                      key="_data_h_object_title_0"
+                    >
+                      <th
+                        className="euiTableHeaderCell"
+                        data-test-subj="tableHeaderCell_object_title_0"
+                        role="columnheader"
+                        scope="col"
+                        style={
+                          Object {
+                            "width": undefined,
+                          }
+                        }
+                      >
+                        <div
+                          className="euiTableCellContent"
+                        >
+                          <span
+                            className="euiTableCellContent__text"
+                          >
+                            Report
+                          </span>
+                        </div>
+                      </th>
+                    </EuiTableHeaderCell>
+                    <EuiTableHeaderCell
+                      align="left"
+                      data-test-subj="tableHeaderCell_created_at_1"
+                      key="_data_h_created_at_1"
+                    >
+                      <th
+                        className="euiTableHeaderCell"
+                        data-test-subj="tableHeaderCell_created_at_1"
+                        role="columnheader"
+                        scope="col"
+                        style={
+                          Object {
+                            "width": undefined,
+                          }
+                        }
+                      >
+                        <div
+                          className="euiTableCellContent"
+                        >
+                          <span
+                            className="euiTableCellContent__text"
+                          >
+                            Created at
+                          </span>
+                        </div>
+                      </th>
+                    </EuiTableHeaderCell>
+                    <EuiTableHeaderCell
+                      align="left"
+                      data-test-subj="tableHeaderCell_status_2"
+                      key="_data_h_status_2"
+                    >
+                      <th
+                        className="euiTableHeaderCell"
+                        data-test-subj="tableHeaderCell_status_2"
+                        role="columnheader"
+                        scope="col"
+                        style={
+                          Object {
+                            "width": undefined,
+                          }
+                        }
+                      >
+                        <div
+                          className="euiTableCellContent"
+                        >
+                          <span
+                            className="euiTableCellContent__text"
+                          >
+                            Status
+                          </span>
+                        </div>
+                      </th>
+                    </EuiTableHeaderCell>
+                    <EuiTableHeaderCell
+                      align="right"
+                      key="_actions_h_3"
+                    >
+                      <th
+                        className="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style={
+                          Object {
+                            "width": undefined,
+                          }
+                        }
+                      >
+                        <div
+                          className="euiTableCellContent euiTableCellContent--alignRight"
+                        >
+                          <span
+                            className="euiTableCellContent__text"
+                          >
+                            Actions
+                          </span>
+                        </div>
+                      </th>
+                    </EuiTableHeaderCell>
+                  </tr>
+                </thead>
+              </EuiTableHeader>
+              <EuiTableBody>
+                <tbody>
+                  <EuiTableRow>
+                    <tr
+                      className="euiTableRow"
+                    >
+                      <EuiTableRowCell
+                        align="center"
+                        colSpan={5}
+                        isMobileFullWidth={true}
+                      >
+                        <td
+                          className="euiTableRowCell euiTableRowCell--isMobileFullWidth"
+                          colSpan={5}
+                          style={
+                            Object {
+                              "width": undefined,
+                            }
+                          }
+                        >
+                          <div
+                            className="euiTableCellContent euiTableCellContent--alignCenter"
+                          >
+                            <span
+                              className="euiTableCellContent__text"
+                            >
+                              Loading reports
+                            </span>
+                          </div>
+                        </td>
+                      </EuiTableRowCell>
+                    </tr>
+                  </EuiTableRow>
+                </tbody>
+              </EuiTableBody>
+            </table>
+          </EuiTable>
+        </div>
+      </div>
+    </EuiBasicTable>
+  </EuiInMemoryTable>,
   <EuiBasicTable
     columns={
       Array [
@@ -31,6 +436,7 @@ Array [
       ]
     }
     data-test-subj="reportJobListing"
+    isSelectable={true}
     itemId="id"
     items={Array []}
     loading={true}
@@ -41,10 +447,21 @@ Array [
         "hidePerPageOptions": true,
         "pageIndex": 0,
         "pageSize": 10,
+        "pageSizeOptions": Array [
+          10,
+          25,
+          50,
+        ],
         "totalItemCount": 0,
       }
     }
     responsive={true}
+    selection={
+      Object {
+        "itemId": "id",
+        "onSelectionChange": [Function],
+      }
+    }
     tableLayout="fixed"
   >
     <div
@@ -69,7 +486,46 @@ Array [
                 >
                   <div
                     className="euiFlexItem euiFlexItem--flexGrowZero"
-                  />
+                  >
+                    <EuiI18n
+                      default="Select all rows"
+                      token="euiBasicTable.selectAllRows"
+                    >
+                      <EuiCheckbox
+                        aria-label="Select all rows"
+                        checked={false}
+                        compressed={false}
+                        disabled={true}
+                        id="_selection_column-checkbox_cafv69fr"
+                        indeterminate={false}
+                        label="Select all rows"
+                        onChange={[Function]}
+                      >
+                        <div
+                          className="euiCheckbox"
+                        >
+                          <input
+                            aria-label="Select all rows"
+                            checked={false}
+                            className="euiCheckbox__input"
+                            disabled={true}
+                            id="_selection_column-checkbox_cafv69fr"
+                            onChange={[Function]}
+                            type="checkbox"
+                          />
+                          <div
+                            className="euiCheckbox__square"
+                          />
+                          <label
+                            className="euiCheckbox__label"
+                            htmlFor="_selection_column-checkbox_cafv69fr"
+                          >
+                            Select all rows
+                          </label>
+                        </div>
+                      </EuiCheckbox>
+                    </EuiI18n>
+                  </div>
                 </EuiFlexItem>
                 <EuiFlexItem
                   grow={false}
@@ -101,6 +557,59 @@ Array [
             <EuiTableHeader>
               <thead>
                 <tr>
+                  <EuiTableHeaderCellCheckbox
+                    key="_selection_column_h"
+                  >
+                    <th
+                      className="euiTableHeaderCellCheckbox"
+                      scope="col"
+                      style={
+                        Object {
+                          "width": undefined,
+                        }
+                      }
+                    >
+                      <div
+                        className="euiTableCellContent"
+                      >
+                        <EuiI18n
+                          default="Select all rows"
+                          token="euiBasicTable.selectAllRows"
+                        >
+                          <EuiCheckbox
+                            aria-label="Select all rows"
+                            checked={false}
+                            compressed={false}
+                            data-test-subj="checkboxSelectAll"
+                            disabled={true}
+                            id="_selection_column-checkbox_fubvvpen"
+                            indeterminate={false}
+                            label={null}
+                            onChange={[Function]}
+                            type="inList"
+                          >
+                            <div
+                              className="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                            >
+                              <input
+                                aria-label="Select all rows"
+                                checked={false}
+                                className="euiCheckbox__input"
+                                data-test-subj="checkboxSelectAll"
+                                disabled={true}
+                                id="_selection_column-checkbox_fubvvpen"
+                                onChange={[Function]}
+                                type="checkbox"
+                              />
+                              <div
+                                className="euiCheckbox__square"
+                              />
+                            </div>
+                          </EuiCheckbox>
+                        </EuiI18n>
+                      </div>
+                    </th>
+                  </EuiTableHeaderCellCheckbox>
                   <EuiTableHeaderCell
                     align="left"
                     data-test-subj="tableHeaderCell_object_title_0"
@@ -218,12 +727,12 @@ Array [
                   >
                     <EuiTableRowCell
                       align="center"
-                      colSpan={4}
+                      colSpan={5}
                       isMobileFullWidth={true}
                     >
                       <td
                         className="euiTableRowCell euiTableRowCell--isMobileFullWidth"
-                        colSpan={4}
+                        colSpan={5}
                         style={
                           Object {
                             "width": undefined,
@@ -272,7 +781,46 @@ Array [
               >
                 <div
                   className="euiFlexItem euiFlexItem--flexGrowZero"
-                />
+                >
+                  <EuiI18n
+                    default="Select all rows"
+                    token="euiBasicTable.selectAllRows"
+                  >
+                    <EuiCheckbox
+                      aria-label="Select all rows"
+                      checked={false}
+                      compressed={false}
+                      disabled={true}
+                      id="_selection_column-checkbox_cafv69fr"
+                      indeterminate={false}
+                      label="Select all rows"
+                      onChange={[Function]}
+                    >
+                      <div
+                        className="euiCheckbox"
+                      >
+                        <input
+                          aria-label="Select all rows"
+                          checked={false}
+                          className="euiCheckbox__input"
+                          disabled={true}
+                          id="_selection_column-checkbox_cafv69fr"
+                          onChange={[Function]}
+                          type="checkbox"
+                        />
+                        <div
+                          className="euiCheckbox__square"
+                        />
+                        <label
+                          className="euiCheckbox__label"
+                          htmlFor="_selection_column-checkbox_cafv69fr"
+                        >
+                          Select all rows
+                        </label>
+                      </div>
+                    </EuiCheckbox>
+                  </EuiI18n>
+                </div>
               </EuiFlexItem>
               <EuiFlexItem
                 grow={false}
@@ -304,6 +852,59 @@ Array [
           <EuiTableHeader>
             <thead>
               <tr>
+                <EuiTableHeaderCellCheckbox
+                  key="_selection_column_h"
+                >
+                  <th
+                    className="euiTableHeaderCellCheckbox"
+                    scope="col"
+                    style={
+                      Object {
+                        "width": undefined,
+                      }
+                    }
+                  >
+                    <div
+                      className="euiTableCellContent"
+                    >
+                      <EuiI18n
+                        default="Select all rows"
+                        token="euiBasicTable.selectAllRows"
+                      >
+                        <EuiCheckbox
+                          aria-label="Select all rows"
+                          checked={false}
+                          compressed={false}
+                          data-test-subj="checkboxSelectAll"
+                          disabled={true}
+                          id="_selection_column-checkbox_fubvvpen"
+                          indeterminate={false}
+                          label={null}
+                          onChange={[Function]}
+                          type="inList"
+                        >
+                          <div
+                            className="euiCheckbox euiCheckbox--inList euiCheckbox--noLabel"
+                          >
+                            <input
+                              aria-label="Select all rows"
+                              checked={false}
+                              className="euiCheckbox__input"
+                              data-test-subj="checkboxSelectAll"
+                              disabled={true}
+                              id="_selection_column-checkbox_fubvvpen"
+                              onChange={[Function]}
+                              type="checkbox"
+                            />
+                            <div
+                              className="euiCheckbox__square"
+                            />
+                          </div>
+                        </EuiCheckbox>
+                      </EuiI18n>
+                    </div>
+                  </th>
+                </EuiTableHeaderCellCheckbox>
                 <EuiTableHeaderCell
                   align="left"
                   data-test-subj="tableHeaderCell_object_title_0"
@@ -421,12 +1022,12 @@ Array [
                 >
                   <EuiTableRowCell
                     align="center"
-                    colSpan={4}
+                    colSpan={5}
                     isMobileFullWidth={true}
                   >
                     <td
                       className="euiTableRowCell euiTableRowCell--isMobileFullWidth"
-                      colSpan={4}
+                      colSpan={5}
                       style={
                         Object {
                           "width": undefined,
diff --git a/x-pack/plugins/reporting/public/components/__snapshots__/report_info_button.test.tsx.snap b/x-pack/plugins/reporting/public/components/buttons/__snapshots__/report_info_button.test.tsx.snap
similarity index 100%
rename from x-pack/plugins/reporting/public/components/__snapshots__/report_info_button.test.tsx.snap
rename to x-pack/plugins/reporting/public/components/buttons/__snapshots__/report_info_button.test.tsx.snap
diff --git a/x-pack/plugins/reporting/public/components/buttons/report_info_button.test.tsx b/x-pack/plugins/reporting/public/components/buttons/report_info_button.test.tsx
index 2baba542bbdbb..028a8e960040a 100644
--- a/x-pack/plugins/reporting/public/components/buttons/report_info_button.test.tsx
+++ b/x-pack/plugins/reporting/public/components/buttons/report_info_button.test.tsx
@@ -7,9 +7,10 @@
 import React from 'react';
 import { mountWithIntl } from 'test_utils/enzyme_helpers';
 import { ReportInfoButton } from './report_info_button';
-import { ReportingAPIClient } from '../../lib/reporting_api_client';
 
-jest.mock('../lib/reporting_api_client');
+jest.mock('../../lib/reporting_api_client');
+
+import { ReportingAPIClient } from '../../lib/reporting_api_client';
 
 const httpSetup = {} as any;
 const apiClient = new ReportingAPIClient(httpSetup);