data.csv

fetch.spec.ts

import fsPromises from 'fs/promises';
import test from "@playwright/test";
import { sources, destinations, cards, fares } from "./input.json";

test('HTMLを取得します', async ({ page }) => {
  const sleep = 5000
  const timeout = sources.length * destinations.length
    * cards.length * fares.length * sleep * 2

  test.setTimeout(timeout)

  const url = 'https://cam.ana.co.jp/amcmember/SimulationJaResult'

  // 事前アクセス（初回アクセス時にエラーページが表示されるため）
  await page.goto(url)
  fsPromises.mkdir('tmp/fetch', { recursive: true })

  for (const source of sources) {
    for (const destination of destinations) {
      for (const card of cards) {
        for (const fare of fares) {
          // ANAフライトマイル・プレミアムポイントシミュレーションページへアクセス
          await page.goto(url)
          // 出発地の選択
          await page.locator('#DepApo_ticket').selectOption(source.code)
          // 到着地の選択
          await page.locator('#ArrApo_ticket').selectOption(destination.code)
          // 利用カード種別の選択
          await page.locator('#cardList_kind').selectOption(card.code)
          // 利用運賃の選択
          await page.locator('#fareList_section').selectOption(fare.code)
          // 次へ(計算する)ボタンをクリック＆ページ遷移を待機
          await Promise.all([
            page.waitForNavigation(),
            page.locator('.btn_c a').click(),
          ])

          const basename = [source.code, destination.code, card.code, fare.code].join('-')

          fsPromises.writeFile(`tmp/fetch/${basename}.html`, await page.content())
          await page.screenshot({ path: `tmp/fetch/${basename}.png` })

          // 優しさ
          await page.waitForTimeout(sleep)
        }
      }
    }
  }
})

input.json

{
  "sources": [
    { "name": "新潟", "code": "KIJ" }
  ],
  "destinations": [
    { "name": "札幌(新千歳)", "code": "CTS" },
    { "name": "東京(成田)", "code": "NRT" },
    { "name": "名古屋(中部)", "code": "NGO" },
    { "name": "大阪(伊丹)", "code": "ITM" },
    { "name": "大阪(関西国際)", "code": "KIX" },
    { "name": "福岡", "code": "FUK" },
    { "name": "沖縄(那覇)", "code": "OKA" }
  ],
  "cards": [
    { "name": "ANAカード　ゴールド", "code": "WID_GLD" }
  ],
  "fares": [
    { "name": "運賃1", "code": "400_150_1" },
    { "name": "運賃2", "code": "400_125_2" },
    { "name": "運賃3", "code": "400_100_3" },
    { "name": "運賃4", "code": "0_100_4" },
    { "name": "運賃5", "code": "400_75_5" },
    { "name": "運賃6", "code": "200_75_6" },
    { "name": "運賃7", "code": "0_75_7" },
    { "name": "運賃8", "code": "0_50_8" },
    { "name": "運賃9", "code": "0_150_9" },
    { "name": "運賃10", "code": "0_100_10" },
    { "name": "運賃11", "code": "0_70_11" },
    { "name": "運賃12", "code": "0_50_12" },
    { "name": "運賃13", "code": "0_30_13" }
  ]
}

parse.spec.ts

import fsPromises from "fs/promises";
import test from "@playwright/test";
import { sources, destinations, cards, fares } from "./input.json";

test("HTMLを解析します", async ({ page }) => {
  const items: any[] = []

  for (const source of sources) {
    for (const destination of destinations) {
      for (const card of cards) {
        for (const fare of fares) {
          const basename = [
            source.code,
            destination.code,
            card.code,
            fare.code,
          ].join('-')

          const filename = `html/${basename}.html`
          const buffer = await fsPromises.readFile(filename)
          const html = buffer.toString()

          await page.setContent(html)

          const マイル = (await page.locator('#result_mile .total strong').innerText()).replace(/,/g, '')
          const フライトマイル = (await page.locator('#mile_flight strong').innerText()).replace(/,/g, '')
          const ボーナスマイル = (await page.locator('#mile_bonus strong').innerText()).replace(/,/g, '')

          const 区間基本マイレージ = (await page.locator('#bonus_cal tr:nth-child(1) td strong').innerText()).replace(/,/g, '')
          const クラス運賃倍率 = await page.locator('#bonus_cal tr:nth-child(2) td strong').innerText() + '%'
          const プレミアムステイタス = await page.locator('#bonus_cal tr:nth-child(3) td strong').innerText() + '%'

          const プレミアムポイント = (await page.locator('#result_point .total strong').innerText()).replace(/,/g, '')
          const 路線倍率 = await page.locator('#result_point table table tr:nth-child(3) td strong').innerText() + '倍'
          const 搭乗ポイント = (await page.locator('#result_point table table tr:nth-child(4) td strong').innerText()).replace(/,/g, '')

          const input = { source, destination, card, fare }
          const output = { マイル, フライトマイル, ボーナスマイル, 区間基本マイレージ,
            クラス運賃倍率, プレミアムステイタス, プレミアムポイント, 路線倍率, 搭乗ポイント }

          items.push({ input, output })
        }
      }
    }
  }

  const text = JSON.stringify({ items }, null, 2)

  await fsPromises.mkdir('tmp/parse', { recursive: true })
  await fsPromises.writeFile('tmp/parse/data.json', text)
})

print.spec.ts

import fsPromises from "fs/promises";
import test from "@playwright/test";
import { items } from "../tmp/parse/data.json";

test("CSVファイルを出力します", async ({ page }) => {
  const lines = ['出発地,到着地,利用カード種別,運賃,マイル,プレミアムポイント']

  for (const { input, output } of items) {
    const cells = [
      input.source.name, input.destination.name, input.card.name,
      input.fare.name, output.マイル, output.プレミアムポイント,
    ]

    lines.push(cells.join(','))
  }

  await fsPromises.mkdir('tmp/print', { recursive: true })
  await fsPromises.writeFile('tmp/print/data.csv', lines.join('\n'))
})