建議的命名約定硒標識符

Question

我使用硒頁面對象模型來定義所有的頁面元素。我有點不相信命名慣例，因爲我命名該元素並且感覺太長。請在此建議。

@FindBy(xpath = "//tbody[@id='tabview:listComp1_data']/tr/td[1]/div/div[2]") 
public WebElement tableCompanyResultsRow; 

@FindBy(xpath = ".//*[@id='mttAddId']") 
public WebElement buttonAddMap; 

@FindBy(xpath = ".//*[@id='ittAddId']") 
public WebElement buttonAddItinerary; 

@FindBy(xpath = "//div[@id='ajaxStatusPanel_start']/img") 
public WebElement imageLoading; 

Answer 1

我一直在使用下面的命名約定很長一段時間，它有助於理解和區分UI元素。

對於定位器我總會帶有loc_的變量名。例如：loc_btnExit等

 
+----------+----------------------------+--------+-----------------+ 
| Category |  UI/Control type  | Prefix |  Example  | 
+----------+----------------------------+--------+-----------------+ 
| Basic | Button      | btn | btnExit   | 
| Basic | Check box     | chk | chkReadOnly  | 
| Basic | Combo box     | cbo | cboEnglish  | 
| Basic | Common dialog    | dlg | dlgFileOpen  | 
| Basic | Date picker    | dtp | dtpPublished | 
| Basic | Dropdown List/Select tag | ddl | ddlCountry  | 
| Basic | Form      | frm | frmEntry  | 
| Basic | Frame      | fra | fraLanguage  | 
| Basic | Image      | img | imgIcon   | 
| Basic | Label      | lbl | lblHelpMessage | 
| Basic | Links/Anchor Tags   | lnk | lnkForgotPwd | 
| Basic | List box     | lst | lstPolicyCodes | 
| Basic | Menu      | mnu | mnuFileOpen  | 
| Basic | Radio button/group  | rdo | rdoGender  | 
| Basic | RichTextBox    | rtf | rtfReport  | 
| Basic | Table      | tbl | tblCustomer  | 
| Basic | TabStrip     | tab | tabOptions  | 
| Basic | Text Area     | txa | txaDescription | 
| Basic | Text box     | txt | txtLastName  | 
| Complex | Chevron     | chv | chvProtocol  | 
| Complex | Data grid     | dgd | dgdTitles  | 
| Complex | Data list     | dbl | dblPublisher | 
| Complex | Directory list box   | dir | dirSource  | 
| Complex | Drive list box    | drv | drvTarget  | 
| Complex | File list box    | fil | filSource  | 
| Complex | Panel/Fieldset    | pnl | pnlGroup  | 
| Complex | ProgressBar    | prg | prgLoadFile  | 
| Complex | Slider      | sld | sldScale  | 
| Complex | Spinner     | spn | spnPages  | 
| Complex | StatusBar     | sta | staDateTime  | 
| Complex | Timer      | tmr | tmrAlarm  | 
| Complex | Toolbar     | tlb | tlbActions  | 
| Complex | TreeView     | tre | treOrganization | 
+----------+----------------------------+--------+-----------------+