Есть написанные тесты на Сepress, следуя документации Cypress лучшей практикой является ипользование кастомных атрибутов на HTML тегах таких как data-cy="something" либо data-testid="something". Но с точки зрения безопасноти, в продакшене не стоит использовать эти атрибуты. Было найдено решение в интернете по удалению аттрибутов из HTML во время сборки приложеня в продакшн. Но к сожаоению, оно не работает.
Имеется такая настройка в angular.json
"build": {
"builder": "@angular-builders/custom-webpack:browser",
"options": {
"customWebpackConfig": {
"path": "./webpack.extra.js",
"mergeStrategies": {
"externals": "append"
}
},
......
Вот непосредственно сам файл кастомного кофига WebPack, webpack.extra.js
let path = require('path');
module.exports = {
module: {
rules: [
{
test: /\.html$/,
use: ['data-cy-loader'],
},
],
},
resolveLoader: {
alias: {
'data-cy-loader': path.join(__dirname, 'data-cy-loader.js'),
},
},
};
Ну и сам файл с функцией удаление атрибута по регулярному выражению - data-cy-loader.js
module.exports = (source) => {
var dataAttr = 'data-testid="([^"]*)"';
if (source.match(dataAttr)) {
source = source.replace(new RegExp(dataAttr, 'g'), '');
}
return source;
};
Методом логирования всё что я узнал, так это то что resolveLoader в webpack.extra.js не отрабатывет, то есть не запускает функцию. Ангуляр в принципе находит кастомных конфиг, но не использует конфигурацию в нём.