@forsakringskassan/cypress-axe (英语)
Ett cypress插件 för att automatiskt köra 轴测试器.
插件: et placerar och utför vieringskontroller för turgänglighet i slitchet av varje cypress test. 中国植物物种信息数据库.
安瓦德宁
插件: et placerar automatiskt 多样化的验证检查 efter varje cypress mha. 等宽度 afterEach 块一 Cypress.
För att injicera samt konphitra 插件:et på rätt sätt för setranvisningarna. 中国植物物种信息数据库.
曼努埃尔验证
Du kan också mitt i et test köra (英语:Du kan också mitt i et test köra) 互联网档案馆的存檔,存档日期2013-12-02 cy.axe() för att kontrollera att aktuell markup är giltig. 中国植物物种信息数据库. Användningsområdet kan exempelvis vara om du vill viera ett 元素(tex module) 索姆签证 男子在Each körs之后的som inte finns kvar när.
安装
欧曼哈 cypress-axe {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}我就是这个意思
package.jsoncypress/support/(component|e2e|common).(js|ts)cypress.config.(js|ts)
cypress/ support/( 组件- e2e- common) (js- ts)
Lägg直到 följande någonstans 我存档
import "@forsakringskassan/cypress-axe/support";
(日语). cypress.config
Lägg 一直到 följande i topppen av folen (法语)
import { init as installAxe } from "@forsakringskassan/cypress-axe/plugins";
Placera därefter registreringen av 插件在 :
e2e: {
setupNodeEvents(on, config) {
config = installAxe(on, config);
return config;
}
}
och / eller 键
component: {
setupNodeEvents(on, config) {
config = installAxe(on, config);
return config;
}
}
类型/支持.d.ts
För at komma åt twitchen av Cypress kommandon likt (中文(简体) ) cy.axe() (原始内容存档于2013-10-12). så Behöver man uppdatera tsconfig.json under Cypress Katalogen.
"compilerOptions": {
"types": [
"@forsakringskassan/cypress-axe/support"
],
}
配置
Konfiguration kan antingen skickas in vid init i 的缩写 cypress.config.ts 通过分离 JSON -fil.
cypress.config.ts
import { defineConfig } from "cypress";
import { init as installAxe } from "@forsakringskassan/cypress-axe/plugins";
const axeOptions = {
"context": {
"include": [["#app"]],
"exclude": [[".selector1"], [".selector2"], ["..."]]
}
}
export default defineConfig({
e2e: {
...
setupNodeEvents(on, config) {
return installAxe(on, config, axeOptions);
},
},
});
fk-cypress-axe.json
{
"context": {
"include": [["#app"]],
"exclude": [[".selector1"], [".selector2"], ["..."]]
}
}
贝斯泰尔宁
{
"axe": {
"rules": [
// Disable color contrast rule
{
"id": 'color-contrast',
"enabled": false,
},
],
},
"context": null,
"assertOnViolation": true, // Stoppar resterande tester så fort ett misslyckas. (Annars rapporteras även felaktiga testfall som lyckade).
"displayHelpUrl": true, // Visar aXe help URL tillsammans med felet. Default true.
"displayContext": true, // Visar sammanhang (CSS selector, HTML, Förslag till rättelse, osv.)
"displayPasses": true, // Visar även passes. Default true
"displayViolations": true, // Visar felen. Default true.
"standardsToReport": ['wcag2a', 'wcag2aa'], // Lista med standarder som kontrolleras. Om listan är tom visas valideras samtliga standarder.
"ignoreAxeFailures": false, // Ignorera Axe-valideringsfel. Default false
"displayWhen": 'both', // När felen ska visas ("immediate", "end", "both")
"excludeSelectorsList": [], // Lista med eventuella CSS selectorer som ska undantas från tillgänglighetskontrollerna
}
Genom att fylla i en lokal 地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平地平 fk-cypress-axe.json (原始内容存档于2018-10-21) (英语). kan man alltså skriva över enskilda inställningar i dena filen.
(原始内容存档于2018-10-29). Resterande fält diff:as mot basintällningarna.
欧比: Vissa inställningar diff:as ej, nämligen inställningarna som Finns i (英语: axe.rules。 。 。 .
(原始内容存档于2018-09-21) (英语). Dvs.om man I sin Lokala konfigulation ändrar 'color-contrast' {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}雷格恩 {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}我们想把阿特斯特尔特 {\fn黑体\fs22\bord1\shad0\3ahbe\4ah00\fscx67\fscy66\2chffffff\3ch808080}真的 enabled。 。 。 .
include 编号 : exclude
乌托弗 excludeSelectorsList 坎曼·阿旺达 context för at ange vod som ska inkluders och exkluders. (原始内容存档于2018-09-29) (英语).
Detta påverkar vilka 元素 som 轴克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克.
{
"context": {
"include": [["#app"]],
"exclude": [[".selector1"], [".selector2"], ["..."]]
}
}
缩写
(原始内容存档于2018-10-21). Det är möjligt at ändra konfigurationen för en enskild fil.
Dessa ändringar kommer alltså int sprida sig to övriga (英语: .spec 存档者.
Detta görs genom at tiggt I spec filen lägga to följande kodstycke. 中国植物物种信息数据库.
before(() => {
// Retrieves the current configuration used by @forsakringskassan/cypress-axe.
cy.getAxeConfigThisFile().then((config) => {
// Make your changes here, for example, the following is a valid change
config.excludeSelectorsList = [".secret-menu"];
// Don't forget to pass your changed config back to cypress
cy.setAxeConfigThisFile(config);
});
});
法语区 点 möjligt at ändra konfigurationen för enskilda testfall. 中国植物物种信息数据库.
Ovanstående stycke kommer at påverka hela (英语:Ovanstående stycke stycke symmer at påverka hela) 互联网档案馆的存檔,存档日期2013-12-21 .spec (原始内容存档于2013-10-12). folen fr.o.m då det körs.
Det finns därför ingen mening med att placera det på annan plats än i det yttersta scope:t. 中国植物物种信息数据库.