refactor(editor): Move editor-ui and design-system to frontend dir (no-changelog) (#13564)

packages/frontend/editor-ui/src/components/CopyInput.test.ts

@@ -0,0 +1,47 @@
+import { merge } from 'lodash-es';
+
+import { SETTINGS_STORE_DEFAULT_STATE } from '@/__tests__/utils';
+import { STORES } from '@/constants';
+
+import { createTestingPinia } from '@pinia/testing';
+import CopyInput from '@/components/CopyInput.vue';
+import { createComponentRenderer } from '@/__tests__/render';
+
+const DEFAULT_SETUP = {
+	pinia: createTestingPinia({
+		initialState: {
+			[STORES.SETTINGS]: {
+				settings: merge({}, SETTINGS_STORE_DEFAULT_STATE.settings),
+			},
+		},
+	}),
+	props: {
+		copyButtonText: 'Click to copy',
+		label: 'Copy Input test',
+	},
+};
+
+const renderComponent = createComponentRenderer(CopyInput, DEFAULT_SETUP);
+
+describe('BannerStack', () => {
+	afterEach(() => {
+		vi.clearAllMocks();
+	});
+
+	it('should render default configuration', async () => {
+		const { getByTestId } = renderComponent();
+		expect(getByTestId('input-label')).toHaveTextContent('Copy Input test');
+		expect(getByTestId('copy-input')).toHaveTextContent('Click to copy');
+	});
+
+	it('should render redacted version', async () => {
+		const { getByTestId } = renderComponent(
+			merge(DEFAULT_SETUP, {
+				props: {
+					redactValue: true,
+				},
+			}),
+		);
+		expect(getByTestId('copy-input')).toHaveClass('ph-no-capture');
+	});
+});