Na minha opinião, um problema de obter conteúdo dinâmico é realmente muito ambíguo. Tentei encontrar algumas informações úteis, usei muitos exemplos de código diferentes, certamente os modificando para meus propósitos, mas infelizmente, sem resultados (

Preciso obter alguns conteúdos deaqui. Tente explicar detalhadamente quais são os problemas que enfrentei (preciso observar que tudo o que faço é exclusivamente para meu próprio uso!).

A página principal do site tem navegação principal (Foto principal da navegação) lista com cada classe de lista "menu__category-trigger". Cada "menu__category-trigger" possui cada contêiner de menu suspenso. Todos esses contêineres do menu suspenso possuem wrapper pai com a classe "menu__categories-dropdowns". Quando a página principal é carregada, "menu__categories-dropdowns" está vazio, não há nenhum contêiner de menu suspenso lá. Mas quando eu passo o mouse sobre qualquer "menu__categoria-trigger", todas as "menu__categories-dropdowns" aparecem e permanecem na página até sua recarga.

Preciso obter esse conteúdo com a ajuda do PhantomJS / CasperJS, mas não consigo entender como fazer isso. Meu código é:

var casper = require('casper').create({
    verbose: true,
    logLevel: 'error',
    pageSettings: {
        userAgent: 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.4 (KHTML, like Gecko) Chrome/22.0.1229.94 Safari/537.4',
    },
    viewportSize: {
        width: 1440,
        height: 5000
    }
});

var url = 'http://www.lamoda.ru/women-home/';

var links = []; 

function getLinks() {
    var links = document.querySelectorAll('.menu__column a');
    return Array.prototype.map.call(links, function(e) {
        return e.getAttribute('data-link');
    })
};

casper.start(url, function() {
    this.echo(this.getTitle());
    this.echo("Got title");
});

casper.wait(2000, function() {
    this.echo("I have waited for two seconds...");
});

casper.then( function() {
    this.mouse.click('.popup__close'); // Doing screenshot of the page, i saw that sometimes a popup appears and blocks a possibility of hovering "menu__category-trigger"
    this.echo("Popup closed");
});

casper.waitForSelector('.menu__categories-dropdowns', function(){ // main dropdowns container
    console.log('Dropdown selector is loaded');
});

casper.then( function() {
    casper.page.injectJs('./jquery-2.0.3.min.js');
    this.evaluate(function () {
        //$('body').attr('class', 'not-touch').addClass('user-unauthorized');
        $('.menu__category-trigger').hover( function(){
            $(this).toggleClass('menu__category-trigger_active'); // On original page hovering ".menu__category-trigger" adds it additional class ".menu__category-trigger_active" with the appearance of dropdowns
        });
     });
    this.mouse.down('.menu__category-trigger:nth-of-type(2)'); // Hover on some navigation div
    console.log('Injected JS, Nav item hovered');
});

casper.wait(5000, function() {
    this.echo("I have waited for five seconds..."); // THE MAIN "WAIT" FUNCTION, i try to wait for each dropdown after hovering my navigation div (".menu__category-trigger"), but without any result
});

casper.then( function() {
    this.capture('google.jpg', {
        top: 0,
        left: 0,
        width: 1440,
        height: 5000
    });
    console.log('Screenshot done'); // On made screenshot i see that mouse is really moved on ".menu__category-trigger:nth-of-type(2)", because it changed its text color like on original page
});

casper.then( function() {
    this.echo(this.getPageContent());
    links = this.evaluate(getLinks);
});

casper.then( function() {
    this.echo(links.length + ' links found:');
    this.echo('-' + links.join('\n -')).exit() ;
});

casper.run();

Todos os meus passos estão registrados no código)