Необходимо хранить html-тег в json-файле

Question

Я работаю над тестовым случаем транспортира, который загружает тестовые данные из json-файла. данные json состоят из div и его свойств css. Я сделал это, чтобы переместить все мои жестко закодированные значения в другой файл, чтобы мой код выглядел хорошо. Вот мой JSON файл

{"road_button":"div[ng-click=\"setLocation(\'report_road\')\"]",  "road_missing":"div[ ng-click=\"mapFeedBack.editObject= mapFeedBack.createMapObjectModel();setLocation(mapFeedBack.noMap?\'road_new\':\'choose_location_road_new/road_new\')"]",} 

Когда я пытаюсь включить файл в моем spec.js он показывает ошибку Неожиданный маркер " Я хочу использовать свойство CSS для моей функциональности мыши

var data=require('./mapfeedback_testdata.json');  
element.all(by.css(data.road_button)).click(); 

Я бы очень признателен за ваши комментарии и новости, в которых я могу справиться с этой проблемой!

Answer 1

Это очень плохая практика, чтобы поместить ваши селекторы в файл JSON и вызвать их после. Вы должны помещать их непосредственно в свои тестовые файлы, как вы можете видеть в the official style guide.

Если вы хотите уважать DRY principle и вам нужно использовать одни и те же селекторы несколько раз, просто объявите их как переменные или константы.

Answer 2

Valid JSON:

{ 
"road_button": "div[ng-click=\"setLocation('report_road')\"]", 
"road_missing": "div[ ng-click=\"mapFeedBack.editObject= mapFeedBack.createMapObjectModel();setLocation(mapFeedBack.noMap?'road_new':'choose_location_road_new/road_new')" 
} 

Там не было никакой необходимости, чтобы избежать одинарные кавычки.

Для проверки JSON вы можете использовать любой инструмент, например JSONLint. Это поможет вам найти место, когда у вас есть синтаксическая ошибка в вашем JSON.