querySelectorAllの引数に定数を使う

Question

前提・実現したいこと

汎用性を高めるために、querySelectorAllの引数に定数を用いたいのですが、書き方がわかりません。
直接書けば動くのに、定数を使うとエラーになってしまいます。どのように書けば良いのでしょうか？

発生している問題・エラーメッセージ

(node:16002) UnhandledPromiseRejectionWarning: 
Error: Evaluation failed: ReferenceError: pathPager is not defined

該当のソースコード

///////////////////////該当箇所のみ（省略）/////////////////////////
//定数を使うと動かない
const pathPager = 'div.test';
const pageList = await page.evaluate(() => Array.from(
  document.querySelectorAll(pathPager)).map(a => a.href)
);

//直接書くと動く
const pageList = await page.evaluate(() => Array.from(
  document.querySelectorAll('div.test')).map(a => a.href)
);


///////////////////////全文/////////////////////////
const puppeteer = require('puppeteer');

const domain = "xxx";
const pathCalender = "xxx";
let urls = new Array(domain + pathCalender);

const pathPager = 'div.monthNavAreaInner:first-child li a';

//puppeteer起動
puppeteer.launch({
    headless: true,
    ignoreHTTPSErrors: true,
    args: [
        '--no-sandbox',
        '--disable-setuid-sandbox'
    ]
}).then(async browser => {

    //新しいページを開く
    const page = await browser.newPage();

    //サイトを開く＋domを読み込むまで待機
    await page.goto(urls[0], { waitUntil: 'domcontentloaded' }); 

    //ページャーURL取得（配列：urls）
    const pageList = await page.evaluate(() => Array.from(
        document.querySelectorAll(pathPager)).map(a => a.href)
    );

    //ブラウザを終了する
    await browser.close();
});

補足情報（FW/ツールのバージョンなど）

Javascript Puppeteer

Comments

[Lhankor_Mhy]

実際のコードでも、
const pathPager...
の次の行に
const pageList...
が来ていますか？

それとも何かを省略していますか？

[退会済みユーザー]

はい、省略しています。
全文を追記致しました。

[Lhankor_Mhy]

詳しくないのですが、ドキュメントを見ると、

> Function to be evaluated in the page context
https://github.com/GoogleChrome/puppeteer/blob/master/docs/api.md#pageevaluatepagefunction-args

とありますね。サンプルコードでも引数で持たせているようです。

[Lhankor_Mhy]

ドキュメントどおりに書くと、たぶん、
const pageList = await page.evaluate((pathPager) => Array.from(
document.querySelectorAll(pathPager)).map(a => a.href)
, pathPager);
じゃないですかね。よくわかんないですけど。

[Lhankor_Mhy]

あ、かっこつけないとダメかも。

[退会済みユーザー]

Lhankor_Mhyさん
コードを試してみたところ、無事に動きました！
次に困ったら、教えて頂いたURLのドキュメントを確認致します。
ありがとうございます＾＾

[Lhankor_Mhy]

ご解決されて何よりです。
自己解決の処理をお願いします。
https://teratail.com/help#resolve-myself

Answer 1

const pageList = await page.evaluate((pathPager) => Array.from(
document.querySelectorAll(pathPager)).map(a => a.href)
,pathPager);

で、外のスコープ定数（変数）を参照することができました。

Answer 2

とりあえずは

const pageList =

の行の直前で
console.log(pathPager);
などして参照できるか確認するとかですかねぇ

Comments

[退会済みユーザー]

コメントありがとうございます。
直前、直後にconsole.logで吐き出したところ、問題は無いようでした。
引数の渡し方に誤りがあるようです・・・。