Selinium ๋ฐ xPath๋ฅผ ์ฌ์ฉํ์ฌ ์ข ๋จ ๊ฐ ํ ์คํธ๋ฅผ ์ฝ๊ฒ ์ํ ํ ์ ์์ต๋๋ค.
์๋ฅผ ๋ค์ด ๋ค์๊ณผ ๊ฐ์ ์ฝ๋๊ฐ ์์ต๋๋ค.
<DatePicker id='datepicker' />
๋ ์ปดํ์ผ ๋ ์ฝ๋์ ๋ค์๊ณผ ๊ฐ์ ๋ด์ฉ์ ์ ๊ณตํด์ผํฉ๋๋ค.
...
<div class="ant-calendar-date-input-wrap">
<input class="ant-calendar-input " value="" placeholder="Select date" id="datepicker">
</div>
...
๋น์ ์ดํ๊ณ ์๋ ํ๋ฅญํ ์ผ์ ๋๋จํ ๊ฐ์ฌํฉ๋๋ค!
ID ์ถ๊ฐ๋ ๋ชจ๋ ๊ตฌ์ฑ ์์์์ ์๋ํ์ง ์์ต๋๋ค. Select ๊ตฌ์ฑ ์์๋ฅผ ๊ฐ์ ํด ๋ณด๊ฒ ์ต๋๋ค. ๊ฐ์ฅ ๋จ์ํ Select ๊ตฌ์ฑ ์์๋ ์ ๋ ฅ์ ๋ ๋๋งํ์ง ์์ผ๋ฉฐ Select ๊ฐ์ ๋ณ๊ฒฝํ๊ธฐ ์ํด ์ ๋ ฅ์ ๊ฐ์ ํ ๋น ํ ์ ์์ต๋๋ค.
@yesmeck ์ด ๋ฌธ์ ์ ๋ํด ๋ ๋ง์ ์ ๋ณด๋ฅผ ์ ๊ณต antd @ 3์์๋ ์๋
DatePicker
์
๋ ฅ์ ID๋ฅผ ์ถ๊ฐํ๋ฉด ์๋ํ์ง ์์ต๋๋ค. DatePicker
๋ฅผ ์ฑ์ฐ๋ ค๋ฉด ์ฌ์ฉ์ ๋์์ ์๋ฎฌ๋ ์ด์
ํด์ผํฉ๋๋ค.
๋ด๊ฐ ๋ณผ ์์๋ ํ, ํ์ฌ '.ant-calendar-input'ํด๋์ค๋ฅผ ์ฌ์ฉํ์ฌ ์
๋ ฅ ํ๋์ ์ด๋ค ์ข
๋ฅ์ ID๋ ์ ๋ฌํ ์์๋ ๋ฐฉ๋ฒ์ด ์์ต๋๋ค.
rc-calendar ๋ชจ๋์ ์ดํด ๋ณด๊ฒ ์ต๋๋ค.
id
๋ฅผ ์
๋ ฅ ํ๋ ( DatePicker
์ ๊ฐ์ ๊ตฌ์ฑ ์์ ๋ด๋ถ์์๋)์ ์ถ๊ฐํ๋ ๊ฒ์ ์ ๊ทผ์ฑ์ ์ํด ์ค์ํฉ๋๋ค. ๊ด๋ จ ๋ ์ด๋ธ์ htmlFor
์ ์ถ๊ฐํ๊ณ ๋ ์ด๋ธ์ ํด๋ฆญ ํ ๋ ์
๋ ฅ ํ๋์ ์ด์ ์ ๋ง์ถ๊ณ ์ถ์ต๋๋ค.
ID๋ฅผ ์ง์ํ์ง ์๋ ๊ตฌ์ฑ ์์๊ฐ ์์ผ๋ฉด ์ธ์ ๋ ์ง PRํ์ญ์์ค.
UI ํ ์คํธ๋ฅผ ์ํด uilicious.com์ ์ฌ์ฉํ๊ณ ์์ผ๋ฉฐ ID๊ฐ ์์ผ๋ฉด ๋งค์ฐ ์ด๋ ต์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
id
๋ฅผ ์ ๋ ฅ ํ๋ (DatePicker
์ ๊ฐ์ ๊ตฌ์ฑ ์์ ๋ด๋ถ์์๋)์ ์ถ๊ฐํ๋ ๊ฒ์ ์ ๊ทผ์ฑ์ ์ํด ์ค์ํฉ๋๋ค. ๊ด๋ จ ๋ ์ด๋ธ์htmlFor
์ ์ถ๊ฐํ๊ณ ๋ ์ด๋ธ์ ํด๋ฆญ ํ ๋ ์ ๋ ฅ ํ๋์ ์ด์ ์ ๋ง์ถ๊ณ ์ถ์ต๋๋ค.