I am encountering difficulties with retrieving and utilizing a Select element using @FindBy.
Here is the markup:
<td>
<felt [control]="kontactTypeFC" [classes]="'hb-distNone'">
<label for="contactTypes" class="hb-label">Kontakttype</label>
<select formControlName="contactType" class="hb-inputfield" id="contactTypes" [attr.disabled]="erSakenLukket(sak)">
<option *ngFor="let option of contactTypeOptions" [ngValue]="option.type" [disabled]="option.disabled"> {{option.text }} </option>
</select>
</felt>
</td>
The following selenium code functions correctly
return new Select(this.element.findElement(By.id("contactTypes")));
However, the following does not work:
@FindBy(id = "contactTypes")
public Select contactTypes;
return contactTypes;
This results in null, causing an NPE.
I am utilizing the same method to retrieve other elements on the page. The only distinction is that the other elements are WebElement, not Select.
Note: I am indeed initializing the page object:
PageFactory.initElements(driver, this);