.
├── __test__
│   ├── ... フローごとに分類，一つのフローに1ファイル   
│
├── config
│   ├── jest-setup.js             ... Timeoutの時間を設定
│   ├── puppeteer-environment.js  ... setupとteardownの呼び出し
│   ├── setup.js                  ... ブラウザ起動時の設定(Headfullなど）
│   └── teardown.js　　　　　　　　　... ブラウザクローズ時の処理をメイン
├── global
|   ├── ... 部品(チェックボックスなど)や全般的に使う動作(クリックやフォーム絵のタイプなど)をまとめる
| 
├── project
│   ├── ... ページ(またはサービス)ごとに使う動作をまとめる
│   
├── node_module /
├── output
│   ├── ... スクリーンショットやcsvなどのexportしたもののまとめ
│   
├── .env ... ログインパスなどPublicにしたくないもの
├── package.json
└── package-lock.json

constvariables=require("../global/variables")constfunctions=require("../global/functions")consttop=require("../project/example/top")constfs=require('fs')require('dotenv').config()const{createObjectCsvWriter}=require('csv-writer')constOUTPUT_PATH="output"constVIEWPORT={width:1280,height:1024}describe('Index page',()=>{letpagelettestIndex=0lettopPageit("トップページ表示",async()=>{awaitpage.goto("https://example.com/",{waitUntil:"networkidle2"})})it("力技で取得",async()=>{awaittopPage.getArticlesTrend()})asyncfunctioncsvWrite(data){if(!fs.existsSync(OUTPUT_PATH)){fs.mkdirSync(OUTPUT_PATH)}varexec=require('child_process').execexec(`touch ${OUTPUT_PATH}/page.csv`,function(err,stdout,stderr){if(err){console.log(err)}})constcsvfilepath=`${OUTPUT_PATH}/page.csv`constcsvWriter=createObjectCsvWriter({path:csvfilepath,header:[{id:'id',title:'No.'},{id:'title',title:'タイトル'},{id:'published_at',title:'公開日'},{id:'url',title:'URL'}],encoding:'utf8',append:false,})csvWriter.writeRecords(data).then(()=>{console.log('...Done')})}beforeAll(async()=>{context=awaitglobal.__BROWSER__.createIncognitoBrowserContext()page=awaitcontext.newPage()awaitpage.setViewport({width:VIEWPORT.width,height:VIEWPORT.height})topPage=newtop.topPage(page)})afterAll(async()=>{awaitpage.close()})beforeEach(()=>{console.log(`[START]:\t${testIndex}`)})afterEach(()=>{console.log(`[END]:\t${testIndex++}`)})});

constbasicAction=require("../../global/basic-action")constselector={articles:'div',article_title:'h2 > a',article_lgtm:'footer > div > div > div',article_published_at:'headler > time'}module.exports={topPage:class{constructor(page){this.page=page}asyncmoveArticleTrend(){awaitbasicAction.click(this.page,xpath.sideMenu.article.trend)}asyncgetArticlesTrend(){awaitthis.page.waitForSelector(selector.articles)constlists=awaitthis.page.$$(selector.articles)letdatas=[]for(leti=0;i<lists.length;++i){lettitle=awaitlists[i].$(selector.article_title)letlgtm=awaitlists[i].$(selector.article_lgtm)letpublished_at=awaitlists[i].$(selector.article_published_at)lethref=awaitlists[i].$$eval(selector.article_title,tep=>tep.map(item=>item.href));constdataArray=awaitPromise.all([i+1,basicAction.getTextBySelector(title),basicAction.getTextBySelector(lgtm)basicAction.getTextBySelector(published_at),href.join('')])datas.push({id:dataArray[0],title:dataArray[1],lgtm:dataArray[2],published_at:dataArray[3],url:dataArray[4]})console.log(datas[i])}returndatas}}}

module.exports={asynctype(page,xpath,text){awaitpage.waitForXPath(xpath)constelementHandleList=awaitpage.$x(xpath)awaitelementHandleList[0].type(text)},asyncclick(page,xpath){constelementHandle=awaitpage.waitForXPath(xpath)awaitPromise.all([page.waitForNavigation({waitUntil:"networkidle2"}),elementHandle.click()])},asyncpressEnter(page,xpath){awaitpage.waitForXPath(xpath)constelementHandleList=awaitpage.$x(xpath)awaitelementHandleList[0].press('Enter')},asyncclickNoWaitting(page,xpath){constelementHandle=awaitpage.waitForXPath(xpath)awaitelementHandle.click()},asyncgetText(page,xpath){awaitpage.waitForXPath(xpath)constelementHandleList=awaitpage.$x(xpath)consttextContent=awaitelementHandleList.getProperty("textContent")consttext=(awaittextContent.jsonValue()).replace(/[\s　]/g,"")returntext},asyncgetTextBySelector(elementHandleList){consttextContent=awaitelementHandleList.getProperty("textContent")consttext=(awaittextContent.jsonValue()).replace(/[\s　]/g,"")returntext},asyncselectOption(page,selector,optionText){constselectElement=awaitpage.$(selector)awaitpage.evaluate((selectElem,text)=>{lethasChanged=falsefor(leti=0;i<selectElem.options.length;++i){if(selectElem.options[i].innerText==text){selectElem.selectedIndex=ihasChanged=truebreak}}if(hasChanged){constevent=newEvent("change")selectElem.dispatchEvent(event)}else{console.log(`${text} not found.`)}},selectElement,optionText)}}