title: TestCafe: Page Object Model - accessing all the instantiated objects with a common single reference
body: <p>Page model-</p>
  
  <pre><code>import { Selector } from 'testcafe';
  
  export default class Page {
      constructor () {
          this.nameInput = Selector('#developer-name');
      }
  }
  </code></pre>
  
  <p>Page model2-</p>
  
  <pre><code>import { Selector } from 'testcafe';
  
  export default class Page2 {
      constructor () {
          this.nameInput2 = Selector('#tester-name');
      }
  }
  </code></pre>
  
  <p>common spec to instantiate the above-</p>
  
  <pre><code>import Page from './page-model';
  import Page2 from './page-model2';
  
  const page = new Page();
  const page2 = new Page2();
  </code></pre>
  
  <p>can we have a single file\spec to instantiate above two Pages and then access all Selectors across Pages from a single reference variable?</p>