diff --git a/ui/tests/acceptance/vault-reporting/index-test.js b/ui/tests/acceptance/vault-reporting/index-test.js
new file mode 100644
index 0000000000..98025dae4e
--- /dev/null
+++ b/ui/tests/acceptance/vault-reporting/index-test.js
@@ -0,0 +1,217 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: BUSL-1.1
+ */
+
+import { module, test } from 'qunit';
+import { setupApplicationTest } from 'ember-qunit';
+import { visit, currentURL, waitFor, click } from '@ember/test-helpers';
+import { login } from 'vault/tests/helpers/auth/auth-helpers';
+import { setupMirage } from 'ember-cli-mirage/test-support';
+import { mockedResponseWithData, mockedEmptyResponse } from 'vault/tests/helpers/vault-usage/mocks';
+
+module('Acceptance | enterprise vault-reporting', function (hooks) {
+  setupApplicationTest(hooks);
+  setupMirage(hooks);
+
+  hooks.beforeEach(async function () {
+    await login();
+  });
+
+  test('it visits the usage reporting dashboard and renders the header', async function (assert) {
+    await visit('/vault/dashboard');
+    await click('[data-test-sidebar-nav-link="Vault Usage"]');
+    assert.strictEqual(currentURL(), '/vault/usage-reporting', 'navigates to usage reporting dashboard');
+    assert.dom('.hds-page-header').includesText('Vault Usage', 'renders the "Vault Usage" header');
+  });
+
+  test('it renders the counters dashboard block with all expected counters', async function (assert) {
+    this.server.get('sys/utilization-report', () => mockedResponseWithData);
+    await visit('/vault/usage-reporting');
+    await waitFor('[data-test-vault-reporting-dashboard-counters]');
+    assert
+      .dom('[data-test-vault-reporting-dashboard-counters]')
+      .exists('renders the counters dashboard block');
+
+    const expectedCounters = ['Child namespaces', 'KV secrets', 'Secrets sync', 'PKI roles'];
+
+    expectedCounters.forEach((counterLabel) => {
+      assert
+        .dom(`[data-test-vault-reporting-counter="${counterLabel}"]`)
+        .exists(`counter "${counterLabel}" is rendered`);
+    });
+
+    assert.dom('[data-test-vault-reporting-counter="Child namespaces"]').includesText('1');
+    assert.dom('[data-test-vault-reporting-counter="KV secrets"]').includesText('100');
+  });
+
+  test('dashboard card: Secret engines', async function (assert) {
+    this.server.get('sys/utilization-report', () => mockedResponseWithData);
+    await visit('/vault/usage-reporting');
+    await waitFor('[data-test-vault-reporting-dashboard-secret-engines]');
+
+    assert.dom('[data-test-vault-reporting-dashboard-secret-engines]').exists('renders Secret engines card');
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-secret-engines] [data-test-vault-reporting-dashboard-card-title]'
+      )
+      .exists('title is present')
+      .hasText('Secret engines', 'title is correct');
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-secret-engines] [data-test-vault-reporting-dashboard-card-title-link]'
+      )
+      .exists('title link is present')
+      .hasAttribute('href', 'secrets', 'link points to secrets');
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-secret-engines] [data-test-vault-reporting-dashboard-card-description]'
+      )
+      .exists('description is present')
+      .hasText('Enabled secret engines for this cluster.', 'description is correct');
+    assert
+      .dom('[data-test-vault-reporting-dashboard-secret-engines]')
+      .includesText('aws nomad cubbyhole 47 46 45');
+  });
+
+  test('dashboard card: Authentication methods', async function (assert) {
+    this.server.get('sys/utilization-report', () => mockedResponseWithData);
+    await visit('/vault/usage-reporting');
+    await waitFor('[data-test-vault-reporting-dashboard-auth-methods]');
+
+    assert
+      .dom('[data-test-vault-reporting-dashboard-auth-methods]')
+      .exists('renders Authentication methods card');
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-auth-methods] [data-test-vault-reporting-dashboard-card-title]'
+      )
+      .exists('title is present')
+      .hasText('Authentication methods', 'title is correct');
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-auth-methods] [data-test-vault-reporting-dashboard-card-title-link]'
+      )
+      .exists('title link is present')
+      .hasAttribute('href', 'access', 'link points to access');
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-auth-methods] [data-test-vault-reporting-dashboard-card-description]'
+      )
+      .exists('description is present')
+      .hasText('Enabled authentication methods for this cluster.', 'description is correct');
+    assert
+      .dom('[data-test-vault-reporting-dashboard-auth-methods]')
+      .includesText('kubernetes userpass aws 44 43 42');
+  });
+
+  test('dashboard card: Global lease count quota', async function (assert) {
+    this.server.get('sys/utilization-report', () => mockedResponseWithData);
+    await visit('/vault/usage-reporting');
+    await waitFor('[data-test-vault-reporting-dashboard-lease-count]');
+
+    assert
+      .dom('[data-test-vault-reporting-dashboard-lease-count]')
+      .exists('renders Global lease count quota card');
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-lease-count] [data-test-vault-reporting-dashboard-card-title]'
+      )
+      .exists('title is present')
+      .hasText('Global lease count quota', 'title is correct');
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-lease-count] [data-test-vault-reporting-dashboard-card-title-link]'
+      )
+      .exists('title link is present')
+      .hasAttribute(
+        'href',
+        'https://developer.hashicorp.com/vault/tutorials/operations/resource-quotas#global-default-lease-count-quota',
+        'link points to lease count docs'
+      );
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-lease-count] [data-test-vault-reporting-dashboard-card-description]'
+      )
+      .exists('description is present')
+      .hasText('Total number of active leases for this quota.', 'description is correct');
+    assert
+      .dom('[data-test-vault-reporting-global-lease-percentage-text]')
+      .hasText('50%', 'percentage is correct');
+    assert
+      .dom('[data-test-vault-reporting-global-lease-count-text]')
+      .hasText('210K / 420K', 'lease count is correct');
+  });
+
+  test('dashboard card: Cluster replication status', async function (assert) {
+    this.server.get('sys/utilization-report', () => mockedResponseWithData);
+    await visit('/vault/usage-reporting');
+    await waitFor('[data-test-vault-reporting-dashboard-cluster-replication]');
+
+    assert
+      .dom('[data-test-vault-reporting-dashboard-cluster-replication]')
+      .exists('renders Cluster replication status card');
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-cluster-replication] [data-test-vault-reporting-dashboard-card-title]'
+      )
+      .exists('title is present')
+      .hasText('Cluster replication', 'title is correct');
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-cluster-replication] [data-test-vault-reporting-dashboard-card-title-link]'
+      )
+      .exists('title link is present')
+      .hasAttribute('href', 'replication', 'link points to replication');
+    assert
+      .dom(
+        '[data-test-vault-reporting-dashboard-cluster-replication] [data-test-vault-reporting-dashboard-card-description]'
+      )
+      .exists('description is present')
+      .hasText('Status of disaster recovery and performance replication.', 'description is correct');
+  });
+
+  test('empty states display expected text', async function (assert) {
+    this.server.get('sys/utilization-report', () => mockedEmptyResponse);
+    await visit('/vault/usage-reporting');
+
+    await waitFor('[data-test-vault-reporting-dashboard-secret-engines]');
+    assert
+      .dom('[data-test-vault-reporting-dashboard-secret-engines]')
+      .includesText('None enabled', 'Secret engines empty state: title is shown');
+    assert
+      .dom('[data-test-vault-reporting-dashboard-secret-engines]')
+      .includesText(
+        'Secret engines in this namespace will appear here.',
+        'Secret engines empty state: body is shown'
+      );
+    assert
+      .dom('[data-test-vault-reporting-dashboard-secret-engines]')
+      .includesText('Enable secret engines', 'Secret engines empty state: CTA is shown');
+
+    await waitFor('[data-test-vault-reporting-dashboard-auth-methods]');
+    assert
+      .dom('[data-test-vault-reporting-dashboard-auth-methods]')
+      .includesText('None enabled', 'Auth methods empty state: title is shown');
+    assert
+      .dom('[data-test-vault-reporting-dashboard-auth-methods]')
+      .includesText(
+        'Authentication methods in this namespace will appear here.',
+        'Auth methods empty state: body is shown'
+      );
+    assert
+      .dom('[data-test-vault-reporting-dashboard-auth-methods]')
+      .includesText('Enable authentication methods', 'Auth methods empty state: CTA is shown');
+
+    await waitFor('[data-test-vault-reporting-dashboard-lease-count]');
+    assert
+      .dom('[data-test-vault-reporting-dashboard-lease-count]')
+      .includesText(
+        `Lease quotas enforce limits on active secrets and tokens. It's recommended to enable this to protect stability for this Vault cluster.`,
+        'Lease quota empty state description is shown'
+      );
+    assert
+      .dom('[data-test-vault-reporting-dashboard-lease-count]')
+      .includesText('Global lease count quota', 'Lease quota empty state: docs link is shown');
+  });
+});
diff --git a/ui/tests/helpers/vault-usage/mocks.ts b/ui/tests/helpers/vault-usage/mocks.ts
new file mode 100644
index 0000000000..0b4806b89d
--- /dev/null
+++ b/ui/tests/helpers/vault-usage/mocks.ts
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: BUSL-1.1
+ */
+
+export const mockedEmptyResponse = {
+  data: {
+    auth_methods: {},
+    kvv1_secrets: 0,
+    kvv2_secrets: 0,
+    lease_count_quotas: {},
+    leases_by_auth_method: {},
+    replication_status: {},
+    secret_engines: {},
+  },
+};
+
+export const mockedResponseWithData = {
+  data: {
+    auth_methods: { aws: 42, userpass: 43, kubernetes: 44 },
+    kvv1_secrets: 60,
+    kvv2_secrets: 40,
+    lease_count_quotas: {
+      global_lease_count_quota: { capacity: 420000, count: 210000, name: 'default' },
+      total_lease_count_quotas: 1,
+    },
+    namespaces: 1,
+    replication_status: {
+      dr_primary: true,
+      dr_state: 'enabled',
+      pr_primary: false,
+      pr_state: 'enabled',
+    },
+    secret_engines: { cubbyhole: 45, nomad: 46, aws: 47 },
+  },
+};