From ce03147921cd199a434eb74fb5403412530d265c Mon Sep 17 00:00:00 2001
From: Thomas Huang <tmashuang@users.noreply.github.com>
Date: Tue, 21 Mar 2023 11:17:06 +0900
Subject: [PATCH] Recovery phrase chips onboarding unit tests

---
 .../recovery-phrase-chips.test.js             | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)
 create mode 100644 ui/pages/onboarding-flow/recovery-phrase/recovery-phrase-chips.test.js

diff --git a/ui/pages/onboarding-flow/recovery-phrase/recovery-phrase-chips.test.js b/ui/pages/onboarding-flow/recovery-phrase/recovery-phrase-chips.test.js
new file mode 100644
index 000000000000..ae7b418f4306
--- /dev/null
+++ b/ui/pages/onboarding-flow/recovery-phrase/recovery-phrase-chips.test.js
@@ -0,0 +1,20 @@
+import React from 'react';
+import { renderWithProvider } from '../../../../test/lib/render-helpers';
+import RecoveryPhraseChips from './recovery-phrase-chips';
+
+describe('Recovery Phrase Chips Component', () => {
+  const TEST_SEED =
+    'debris dizzy just program just float decrease vacant alarm reduce speak stadium';
+
+  it('should have seed phrase as proper element length', () => {
+    const props = {
+      secretRecoveryPhrase: TEST_SEED.split(' '),
+    };
+
+    const { queryAllByTestId } = renderWithProvider(
+      <RecoveryPhraseChips {...props} />,
+    );
+
+    expect(queryAllByTestId(/recovery-phrase-chip-/u)).toHaveLength(12);
+  });
+});