Fix references that use href (#269)

* Fix some reference not working when the unique selector uses href

* Log to the console the selectors used when showing references

src/content/actions/references.ts

@@ -26,7 +26,7 @@ export async function saveReference(wrapper: ElementWrapper, name: string) {
 	const uniqueSelector = getCssSelector(wrapper.element, {
 		// Ignore id selectors as I have found some instances where they are
 		// generated dynamically and can change after a refresh
-		blacklist: [/data-hint/, "#*"],
+		blacklist: [/data-hint/, /href/, "#*"],
 		maxCombinations: 100,
 		includeTag: true,
 	});
@@ -42,9 +42,12 @@ export async function saveReference(wrapper: ElementWrapper, name: string) {
 export async function showReferences() {
 	const { hostReferences } = await getReferences();
 
+	console.log("Rango references for the current host:");
+
 	for (const [name, selector] of hostReferences.entries()) {
 		const wrapper = getWrapperFromUniqueSelector(selector);
 		if (wrapper) showTooltip(wrapper, name);
+		console.log(`%c  ${name}:%c "${selector}"`, "font-weight: bold");
 	}
 }