From 1cd0a69503b762cc492290ff196e62c75431cbd1 Mon Sep 17 00:00:00 2001
From: Hardeep Asrani <hardeepasrani@gmail.com>
Date: Thu, 9 Jan 2025 12:34:44 +0530
Subject: [PATCH] fix: Feedzy Loop button not working with Groups

---
 js/FeedzyLoop/components/FeedControl.js | 10 +++++--
 js/FeedzyLoop/placeholder.js            |  5 +---
 tests/e2e/specs/loop.spec.js            | 37 +++++++++++++++++++++++--
 3 files changed, 44 insertions(+), 8 deletions(-)

diff --git a/js/FeedzyLoop/components/FeedControl.js b/js/FeedzyLoop/components/FeedControl.js
index 05a5b412..bfdd5049 100644
--- a/js/FeedzyLoop/components/FeedControl.js
+++ b/js/FeedzyLoop/components/FeedControl.js
@@ -1,6 +1,8 @@
 /**
  * WordPress dependencies.
  */
+import { __ } from '@wordpress/i18n';
+
 import { useState, useEffect, useRef } from '@wordpress/element';
 
 const FeedControl = ({ value, options, onChange }) => {
@@ -80,7 +82,10 @@ const FeedControl = ({ value, options, onChange }) => {
 				value={selectedOption ? selectedOption.label : inputValue}
 				onChange={handleInputChange}
 				onBlur={handleInputBlur}
-				placeholder="Enter URLs or select a category"
+				placeholder={__(
+					'Enter URLs or select a Feed Group',
+					'feedzy-rss-feeds'
+				)}
 				disabled={selectedOption !== null}
 				className="fz-input-field"
 			/>
@@ -89,7 +94,7 @@ const FeedControl = ({ value, options, onChange }) => {
 					<button
 						onClick={handleClear}
 						className="fz-clear-button"
-						title="Clear selection"
+						title={__('Clear', 'feedzy-rss-feeds')}
 					>
 						<svg
 							width="14"
@@ -111,6 +116,7 @@ const FeedControl = ({ value, options, onChange }) => {
 				<button
 					onClick={() => setIsOpen(!isOpen)}
 					className="fz-dropdown-button"
+					title={__('Select Feed Group', 'feedzy-rss-feeds')}
 				>
 					<svg
 						width="12"
diff --git a/js/FeedzyLoop/placeholder.js b/js/FeedzyLoop/placeholder.js
index efa63308..d36561f4 100644
--- a/js/FeedzyLoop/placeholder.js
+++ b/js/FeedzyLoop/placeholder.js
@@ -82,10 +82,7 @@ const BlockPlaceholder = ({ attributes, setAttributes, onSaveFeed }) => {
 						<Button
 							variant="primary"
 							onClick={() => {
-								if (
-									attributes?.feed?.source &&
-									attributes?.feed?.source.length > 0
-								) {
+								if (attributes?.feed?.source) {
 									onSaveFeed();
 								}
 							}}
diff --git a/tests/e2e/specs/loop.spec.js b/tests/e2e/specs/loop.spec.js
index 20a7b57d..69ccffad 100644
--- a/tests/e2e/specs/loop.spec.js
+++ b/tests/e2e/specs/loop.spec.js
@@ -9,6 +9,17 @@ test.describe('Feedzy Loop', () => {
 	const POST_TITLE = `Feedzy Loop Test ${Math.floor(Math.random() * 1000)}`;
 
 	test('add Feedzy Loop Block', async ({ editor, page }) => {
+		await page.goto('/wp-admin/post-new.php?post_type=feedzy_categories');
+		await page.getByLabel('Add title').click();
+		await page.keyboard.type('Group One');
+
+		await page.locator('textarea[name="feedzy_category_feed"]').click();
+		await page.keyboard.type(FEED_URL);
+		await page
+			.getByRole('button', { name: 'Publish', exact: true })
+			.click();
+		await page.waitForTimeout(1000);
+
 		await page.goto('/wp-admin/post-new.php');
 
 		if (
@@ -36,13 +47,35 @@ test.describe('Feedzy Loop', () => {
 		await page.getByPlaceholder('Enter URLs or select a').click();
 		await page.keyboard.type(FEED_URL);
 
+		const loadFeedButton = await page.getByRole('button', {
+			name: 'Load Feed',
+			exact: true,
+		});
+		const isDisabled = await loadFeedButton.isDisabled();
+		expect(isDisabled).toBe(false);
+		await loadFeedButton.click();
+		await page.waitForTimeout(1000);
+
+		await page.getByLabel('Display curated RSS content').click();
+		await page.waitForTimeout(1000);
+
+		// Now that we have tested we can insert URL, we can test the Feed Group.
+
+		await page
+			.getByLabel('Block: Feedzy Loop')
+			.locator('div')
+			.nth(1)
+			.click();
+		await page.getByRole('button', { name: 'Edit Feed' }).click();
+
+		await page.getByRole('button', { name: 'Select Feed Group' }).click();
+		await page.locator('.fz-dropdown-item').first().click();
+
 		await page
 			.getByRole('button', { name: 'Load Feed', exact: true })
 			.click();
 		await page.waitForTimeout(1000);
 
-		await page.getByLabel('Display curated RSS content').click();
-
 		await page
 			.getByRole('button', { name: 'Publish', exact: true })
 			.click();