Recovery phrase chips onboarding unit tests

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);
+  });
+});