Ant-design: ๊ด€๋ จ ๊ตฌ์„ฑ ์š”์†Œ (๋‚ ์งœ ์ž…๋ ฅ ํ•„๋“œ, ๋ผ๋””์˜ค ๋ฒ„ํŠผ ๋ฐ ํ™•์ธ๋ž€, ๋“œ๋กญ ๋‹ค์šด ๋“ฑ)์— ID๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2017๋…„ 11์›” 24์ผ  ยท  7์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: ant-design/ant-design

์ด ๊ธฐ๋Šฅ์œผ๋กœ ํ•ด๊ฒฐ๋˜๋Š” ๋ฌธ์ œ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

Selinium ๋ฐ xPath๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ข…๋‹จ ๊ฐ„ ํ…Œ์ŠคํŠธ๋ฅผ ์‰ฝ๊ฒŒ ์ˆ˜ํ–‰ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ œ์•ˆ ๋œ API๋Š” ์–ด๋–ป๊ฒŒ ์ƒ๊ฒผ์Šต๋‹ˆ๊นŒ?

์˜ˆ๋ฅผ ๋“ค์–ด ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ฝ”๋“œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

<DatePicker id='datepicker' /> ๋Š” ์ปดํŒŒ์ผ ๋œ ์ฝ”๋“œ์— ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋‚ด์šฉ์„ ์ œ๊ณตํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

...
<div class="ant-calendar-date-input-wrap">
       <input class="ant-calendar-input " value="" placeholder="Select date"  id="datepicker">
</div>
...

๋‹น์‹ ์ดํ•˜๊ณ ์žˆ๋Š” ํ›Œ๋ฅญํ•œ ์ผ์— ๋Œ€๋‹จํžˆ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

Inactive help wanted

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

id ๋ฅผ ์ž…๋ ฅ ํ•„๋“œ ( DatePicker ์™€ ๊ฐ™์€ ๊ตฌ์„ฑ ์š”์†Œ ๋‚ด๋ถ€์—์„œ๋„)์— ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ์€ ์ ‘๊ทผ์„ฑ์„ ์œ„ํ•ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ๊ด€๋ จ ๋ ˆ์ด๋ธ”์— htmlFor ์„ ์ถ”๊ฐ€ํ•˜๊ณ  ๋ ˆ์ด๋ธ”์„ ํด๋ฆญ ํ•  ๋•Œ ์ž…๋ ฅ ํ•„๋“œ์— ์ดˆ์ ์„ ๋งž์ถ”๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

๋ชจ๋“  7 ๋Œ“๊ธ€

ID ์ถ”๊ฐ€๋Š” ๋ชจ๋“  ๊ตฌ์„ฑ ์š”์†Œ์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. Select ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๊ฐ€์ • ํ•ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๊ฐ€์žฅ ๋‹จ์ˆœํ•œ Select ๊ตฌ์„ฑ ์š”์†Œ๋Š” ์ž…๋ ฅ์„ ๋ Œ๋”๋งํ•˜์ง€ ์•Š์œผ๋ฉฐ Select ๊ฐ’์„ ๋ณ€๊ฒฝํ•˜๊ธฐ ์œ„ํ•ด ์ž…๋ ฅ์— ๊ฐ’์„ ํ• ๋‹น ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

@yesmeck ์ด ๋ฌธ์ œ์— ๋Œ€ํ•ด ๋” ๋งŽ์€ ์ •๋ณด๋ฅผ ์ œ๊ณต antd @ 3์—์„œ๋„ ์ž‘๋™

DatePicker ์ž…๋ ฅ์— ID๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉด ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. DatePicker ๋ฅผ ์ฑ„์šฐ๋ ค๋ฉด ์‚ฌ์šฉ์ž ๋™์ž‘์„ ์‹œ๋ฎฌ๋ ˆ์ด์…˜ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค.

  1. '.ant-calendar-picker'๋ฅผ ์ฐพ์•„ ํด๋ฆญ์„ ์‹œ๋ฎฌ๋ ˆ์ด์…˜ํ•˜์‹ญ์‹œ์˜ค.
  2. '.ant-calendar-input'์„ ์ฐพ์•„ ๊ทธ ๊ฐ’์„ ์ฑ„ ์›๋‹ˆ๋‹ค.
  3. ๋‚ ์งœ ์„ ํƒ๊ธฐ ํŒจ๋„์„ ๋‹ซ์œผ๋ ค๋ฉด ๋ณธ๋ฌธ์„ ํด๋ฆญํ•˜์‹ญ์‹œ์˜ค.

๋‚ด๊ฐ€ ๋ณผ ์ˆ˜์žˆ๋Š” ํ•œ, ํ˜„์žฌ '.ant-calendar-input'ํด๋ž˜์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ž…๋ ฅ ํ•„๋“œ์— ์–ด๋–ค ์ข…๋ฅ˜์˜ ID๋„ ์ „๋‹ฌํ•  ์ˆ˜์žˆ๋Š” ๋ฐฉ๋ฒ•์ด ์—†์Šต๋‹ˆ๋‹ค.
rc-calendar ๋ชจ๋“ˆ์„ ์‚ดํŽด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

id ๋ฅผ ์ž…๋ ฅ ํ•„๋“œ ( DatePicker ์™€ ๊ฐ™์€ ๊ตฌ์„ฑ ์š”์†Œ ๋‚ด๋ถ€์—์„œ๋„)์— ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ์€ ์ ‘๊ทผ์„ฑ์„ ์œ„ํ•ด ์ค‘์š”ํ•ฉ๋‹ˆ๋‹ค. ๊ด€๋ จ ๋ ˆ์ด๋ธ”์— htmlFor ์„ ์ถ”๊ฐ€ํ•˜๊ณ  ๋ ˆ์ด๋ธ”์„ ํด๋ฆญ ํ•  ๋•Œ ์ž…๋ ฅ ํ•„๋“œ์— ์ดˆ์ ์„ ๋งž์ถ”๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

ID๋ฅผ ์ง€์›ํ•˜์ง€ ์•Š๋Š” ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ์žˆ์œผ๋ฉด ์–ธ์ œ๋“ ์ง€ PRํ•˜์‹ญ์‹œ์˜ค.

UI ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•ด uilicious.com์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ID๊ฐ€ ์—†์œผ๋ฉด ๋งค์šฐ ์–ด๋ ต์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰