Testing Guidelines

Hi ,

Apart from reviewing the code changes, please make sure to review the testing instructions (Guide) and verify that relevant tests (E2E, Unit, Integration, etc.) have been added or updated as needed.

Reminder: PR reviewers are required to document testing performed. This includes:

• 🖼️ Screenshots or screen recordings.
• 📝 List of functionality tested / steps followed.
• 🌐 Site details (environment attributes such as hosting type, plugins, theme, store size, store age, and relevant settings).
• 🔍 Any analysis performed, such as assessing potential impacts on environment attributes and other plugins, conducting performance profiling, or using LLM/AI-based analysis.

⚠️ Within the testing details you provide, please ensure that no sensitive information (such as API keys, passwords, user data, etc.) is included in this public issue.

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

I am working on using the iAPI to enhance something I want to display in the cart. however, the PR doesn't entirely fix the issue since the row is not present on page load... it is rendered later.

const { ref: button } = getElement();

const { item } = getContext();

if (!item?.key) {
	return;
}
			
setTimeout(() => {
	const row = document.querySelector(
		`.wc-block-cart-items__row[data-cart-item-key="${item.key}"]`
	);
	const prices = row?.querySelector('.wc-block-cart-item__prices');
	prices?.insertAdjacentHTML('beforeend', '<button>test</button>');
	}, 2000);

With a timeout this does work, but is there an event for when the cart is done rendering?