Clicking on reference url selectors

Objective: Visual comparision of one web page in two different envs written in two different technologies

Scenario: Let's assume, the page was developed earlier using Drupal. Now the project is migrating to AEM. But all the visuals will remain as it is. Only the underlying technology will change. In this case, all the css selectors will also change.

Problem: In this backstop, only one "clickSelector" and "HoverSelector" are there which works for both testurl and reference url. But in the above scenario, we definitely need two set of selectors.

1. for test url selectors: click/hover : which will work only for test url
2. for reference url selector: click/hover : which will work only for reference

in this way even if the selectors changed for test and reference url, the actual test-objective wont fail.

What i done so far:
-------------------------
1. added new locators to js file
2. added new functions to read them

Where i struck:
------------------------
Though i am able to get the reference locators into page.But i not able to select url on which i can add action

can anyone guide me here.