<style>
.center{
display: flex;
justify-content: center;
}
.pic_blur{
filter: blur(1px);
}
.zoom_in:hover{

transform-origin: top left;
transform:scale(1.05,1.05);

}
</style>

# Playwright 安裝
:::info
Python >=3.7
macOS>=10.14
Linux(Ubuntu 18.04,Ubuntu 20.04)
:::

1. 建立虛擬環境

    conda create --name ${虛擬環境名稱} python==3.8

2. 啟動虛擬環境

    conda activate ${虛擬環境名稱}

3. 安裝 playwright
- 安裝 playwright 套件

    pip install playwright==1.12.0

<div class="center">
<img src="https://i.imgur.com/a30URgF.png" class="pic_blur">
</div>
<br>

- 安裝 playwright 專用瀏覽器

    python -m playwright install

<div class="center">
<img src="https://i.imgur.com/Etdz1ue.png" class="pic_blur">
</div>
<br>

- 安裝 playwright 測試套件

    pip install pytest-playwright

<div class="center">
<img src="https://i.imgur.com/iWMPPpn.png" class="pic_blur">
</div>
<br>

- 設定 Pycharm pytest
<div class="center">
<img src="https://i.imgur.com/r5vwaeO.png" class="zoom_in">
</div>

<hr>

<!-- [End to End 目錄](https://hackmd.io/F41miM4aRP2eljbPy6grCg) -->

###### tags: `Playwright` `End to End`