Как встраивать асинхронный код в страницу с помощью PhantomJs?

Question

[Александр Князев]

С помощью page.open() открываю страницу по адресу, затем нужно встроить код, который:
1) будет нажимать на кнопку.
2) Ждать пока подгрузятся новые DOM-элементы сайта(ну или хотя бы по ка пройдет заданное кол-во секунд)
3) Затем уже работать с этими элементами.
Встраиваю код на страницу с помощью page.evaluate
Вот примерный мой код:

page.open(url, function(status) {
  
  var elements_array = page.evaluate(function() {
    1)находим элемент кнопки()
    2)генерируем событие нажатия()
    3)ждем подгрузки()
    4)собираем нужную информацию  с элементов по селекторам()
    return elements_array;
  });
console.log(elements_array);
});

Я выполняю пункты 1 и 2 из функции page.evaluate, но при попытке выполнить асинхронную операцию(пункт 3) console.log(elements_array) выводит null, так какфункция еще не выполнена.
Как решить проблему?

Comments

[tex0]

может промисы?

[Александр Князев]

tex0: к сожалению, к переменным, находящимся внутри функции page.evaluate() доступа извне ее нет, как и наоборот.
Я могу только после первого параметра - функции для вставки на страницу, добавлять аргументы из кода внешнего. Но, соответственно, внутри функции page.evaluate я не могу вызвать функции resolve().

[tex0]

Александр Князев: А вот так?

page.open(url, function(status) {
  page.evaluate(function() {
    1)находим элемент кнопки()
    2)генерируем событие нажатия()
	return new Promise(function(resolve, reject){
		3)ждем подгрузки() {
			//подгрузилось
			resolve();
		}
	});
  }).then(function(resolve, reject){
    4)собираем нужную информацию  с элементов по селекторам()
	console.log(elements_array);
  });
});

[Александр Князев]

tex0: спасибо, наверное так бы работало. Только от Phantomjs для решения проблемы я уже отказался