Tweet
Tweet

Slide 1

Slide 1 text

前職でSELENIUMで自動化していた 情シスが転職先でPLAYWRIGHT を触ってみたのでご紹介 YUSHI KATO ハッシュタグ #cm_sapporo_study

Slide 2

Slide 2 text

名前 : 加藤 裕士 居住地 ： 札幌市 好きなサービス : CFn・CDK 趣味 : インテリア・音楽 収集 Hello, Everyone! DevTools JAWS-UG 配信部 AWS Multi-Region Comparison JAWS-UG CDK支部 JAWS-UG 札幌

Slide 3

Slide 3 text

お品書き こんな事 出来ちゃう selenium ？ playwright ？ 使い方

Slide 4

Slide 4 text

セレニウム？ プレイライト？ 聞いた事(使った事)ある？

Slide 5

Slide 5 text

SELENIUMとは “Selenium はブラウザー自動 化を可能にし、それを支える ツール群とライブラリー群プ ロジェクトです。”

Slide 6

Slide 6 text

色々あるよね

Slide 7

Slide 7 text

引用;https://googlechromelabs.github.io/chrome-for-testing/

Slide 8

Slide 8 text

「正常に動作させる為に 前準備が必要です。」

Slide 9

Slide 9 text

例えば前職での 私の場合、、、

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

https://florentbr.github.io/SeleniumBasic/

Slide 12

Slide 12 text

https://googlechromelabs.github.io/chrome-for-testing/

Slide 13

Slide 13 text

https://googlechromelabs.github.io/chrome-for-testing/

Slide 14

Slide 14 text

https://googlechromelabs.github.io/chrome-for-testing/

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

画像引用;https://techtarget.itmedia.co.jp/tt/news/1708/21/news01.html 画面の前にいる実行者になんらかの作業をさせる為の ユーザーフォームとの組み合わせも便利

Slide 22

Slide 22 text

こんな事してた ・Salesforce からCSV をダウンロードさせて すべてのお客様の申し込みを自動で行う ・お客様にお送りする書面に金額や名前等の データを含め印刷 ・OCR を使って読み取った文字列を Salesforce レコードにインポート ・一文字置きにマスキングされたお客様名デ ータと直近の申込を突合してどの案件か判明 させる ・30 分おきにSalesforce から別のCRM にデー タを移す etc...

Slide 23

Slide 23 text

ちなみにデスクトップアプリを制御したい場合は HWND を取得して動かしていました。 ※ 例えばSalesforce Dataloader や 通信キャリア作成のアプリ等

Slide 24

Slide 24 text

PLAYWRITE??

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

$ npx playwright test tests/test.spec.ts --debug ステップイン実行やターゲットの取得も可能

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

THANK YOU!