How to use testcafe-vue-selectors - 1 common examples
To help you get started, we’ve selected a few testcafe-vue-selectors examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
HeadspringLabs / Totem / src / Totem / ClientApp / features / contracts / __tests__ / e2e / e2e-utils.js View on Github 
import VueSelector from 'testcafe-vue-selectors';
import { Selector } from 'testcafe';
// Input fields and buttons on the AddNewFieldModal
export const inputFieldName = Selector('#propertyName');
export const inputType = VueSelector('ref:propertyType');
export const inputFieldExample = Selector('#propertyExample');
export const addNewFieldBtn = Selector('#addNewFieldBtn');
export const saveFieldBtn = Selector('#saveFieldBtn');
export const deleteFieldBtn = Selector('#deleteFieldBtn');
export const cancelFieldBtn = Selector('#modalCancelButton');
// Input fields and buttons on the AddNewModelModal
export const modelName = Selector('#modelName');
export const saveModelBtn = Selector('#saveModelBtn');
export const cancelModelBtn = Selector('#modelModalWindow').find('#cancelBtn');
export const addNewFieldNestedBtn = Selector('#nestedContractGrid').find('#addNewFieldBtn');
// Fixture Setup: Login and Go to Edit
export async function loginAndNavigateToEditContract(t) {
const goToLoginButton = Selector('#loginBtn');testcafe-vue-selectors
VueJS selectors for TestCafe
