2021-09-20 18:01:09 +02:00
|
|
|
import { FreeDatas2HTML, Selector, SortingField } from "../src/freeDatas2HTML";
|
|
|
|
|
|
|
|
const errors=require("../src/errors.js");
|
|
|
|
const fixtures=require("./fixtures.js");
|
|
|
|
|
2021-09-27 17:29:58 +02:00
|
|
|
xdescribe("Test des champs de classement.", () =>
|
2021-09-20 18:01:09 +02:00
|
|
|
{
|
|
|
|
let converter: FreeDatas2HTML;
|
|
|
|
let sortingField: SortingField;
|
|
|
|
|
|
|
|
beforeEach( async () =>
|
|
|
|
{
|
|
|
|
document.body.insertAdjacentHTML("afterbegin", fixtures.datasViewEltHTML);
|
2021-09-30 12:52:33 +02:00
|
|
|
converter=new FreeDatas2HTML("CSV","", { url:"http://localhost:9876/datas/datas1.csv"});
|
2021-09-20 18:01:09 +02:00
|
|
|
converter.datasViewElt={ id:"datas" };
|
|
|
|
await converter.run();
|
|
|
|
});
|
|
|
|
|
|
|
|
afterEach( () =>
|
|
|
|
{
|
|
|
|
document.body.removeChild(document.getElementById("fixture"));
|
|
|
|
});
|
|
|
|
|
|
|
|
describe("Test des données reçues pour configurer le champ de classement.", () =>
|
|
|
|
{
|
|
|
|
it("Doit générer une erreur, si initialisé sans fournir la liste des champs servant à classer les données.", () =>
|
|
|
|
{
|
2021-09-30 12:52:33 +02:00
|
|
|
converter=new FreeDatas2HTML("CSV","", { url:"http://localhost:9876/datas/datas1.csv"});
|
2021-09-22 17:36:11 +02:00
|
|
|
expect(() => { return new SortingField(converter, 0); }).toThrowError(errors.sortingFieldNeedDatas);
|
2021-09-20 18:01:09 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
it("Doit générer une erreur, si initialisé sans élements HTML textuels dans la page servant d'entêtes aux données.", () =>
|
|
|
|
{
|
2021-09-22 17:36:11 +02:00
|
|
|
expect(() => { return new SortingField(converter, 0, "th.cols"); }).toThrowError(errors.sortingsFieldNotInHTML);
|
2021-09-20 18:01:09 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
it("Doit générer une erreur, si le nombre d'éléments du DOM devant servir d'entêtes est différent du nombre de champs des données.", () =>
|
|
|
|
{
|
2021-09-22 17:36:11 +02:00
|
|
|
expect(() => { return new SortingField(converter, 0, "td"); }).toThrowError(errors.sortingFieldsNbFail);
|
2021-09-20 18:01:09 +02:00
|
|
|
});
|
|
|
|
|
2021-09-22 17:36:11 +02:00
|
|
|
it("Doit générer une erreur, si initialiser avec un numéro du champ de classement n'existant pas dans les données.", () =>
|
2021-09-20 18:01:09 +02:00
|
|
|
{
|
2021-09-22 17:36:11 +02:00
|
|
|
expect(() => { return new SortingField(converter, 9); }).toThrowError(errors.sortingFieldFieldNotFound);
|
|
|
|
expect(() => { return new SortingField(converter, -1); }).toThrowError(errors.sortingFieldFieldNotFound);
|
|
|
|
expect(() => { return new SortingField(converter, 1.1); }).toThrowError(errors.sortingFieldFieldNotFound);
|
2021-09-20 18:01:09 +02:00
|
|
|
});
|
|
|
|
|
2021-09-22 17:36:11 +02:00
|
|
|
it("Si tous les paramètres sont ok, ils doivent être acceptés.", () =>
|
2021-09-20 18:01:09 +02:00
|
|
|
{
|
2021-09-22 17:36:11 +02:00
|
|
|
const sortingField=new SortingField(converter, 1, "th");
|
2021-09-20 18:01:09 +02:00
|
|
|
expect(sortingField.datasFieldNb).toEqual(1);
|
2021-09-22 17:36:11 +02:00
|
|
|
expect(sortingField.fieldsDOMSelector).toEqual("th");
|
2021-09-20 18:01:09 +02:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2021-09-22 17:36:11 +02:00
|
|
|
describe("Création des liens permettant de classer les données affichées.", () =>
|
2021-09-20 18:01:09 +02:00
|
|
|
{
|
|
|
|
it("Doit générer un élement lien <a> avec comme ancre l'élément HTML correspondant au nom de la colonne.", () =>
|
|
|
|
{
|
2021-09-22 17:36:11 +02:00
|
|
|
let sortingField=new SortingField(converter, 0);
|
2021-09-20 18:01:09 +02:00
|
|
|
sortingField.field2HTML();
|
2021-09-22 17:36:11 +02:00
|
|
|
let sortingField2=new SortingField(converter, 2);
|
2021-09-20 18:01:09 +02:00
|
|
|
sortingField2.field2HTML();
|
|
|
|
let getTH=document.getElementsByTagName("th");
|
|
|
|
expect(getTH[0].innerHTML).toEqual(fixtures.sortingColumn1HTML);
|
|
|
|
expect(getTH[2].innerHTML).toEqual(fixtures.sortingColumn2HTML);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe("Action des colonnes de classement en corrélation avec le convertiseur.", () =>
|
|
|
|
{
|
|
|
|
it("Le 1er clic sur l'entête d'une des colonnes doit classer les données dans le sens ascendant, puis descendant et ainsi de suite.", async () =>
|
|
|
|
{
|
2021-09-22 17:36:11 +02:00
|
|
|
let sortingField=new SortingField(converter, 2);
|
2021-09-20 18:01:09 +02:00
|
|
|
sortingField.field2HTML();
|
|
|
|
converter.datasSortingFields=[sortingField];
|
|
|
|
let getTHLink=document.querySelector("th a") as HTMLElement;
|
|
|
|
getTHLink.click();// tri ascendant
|
|
|
|
let getTR=document.querySelectorAll("tr");
|
|
|
|
let txtDatasViewsElt=getTR[1].innerHTML;
|
|
|
|
expect(txtDatasViewsElt).toEqual("<td>89</td><td>Actinium</td><td>Ac</td><td>Actinide</td><td>≤ 1</td>");
|
|
|
|
getTHLink.click();// tri descendant
|
|
|
|
getTR=document.querySelectorAll("tr");
|
|
|
|
txtDatasViewsElt=getTR[1].innerHTML;
|
|
|
|
expect(txtDatasViewsElt).toEqual("<td>40</td><td>Zirconium</td><td>Zr</td><td>Métal de transition</td><td>> 100000</td>");
|
|
|
|
getTHLink.click();// de nouveau ascendant
|
|
|
|
getTR=document.querySelectorAll("tr");
|
|
|
|
txtDatasViewsElt=getTR[1].innerHTML;
|
|
|
|
expect(txtDatasViewsElt).toEqual("<td>89</td><td>Actinium</td><td>Ac</td><td>Actinide</td><td>≤ 1</td>");
|
|
|
|
});
|
|
|
|
|
|
|
|
it("Prise en compte d'une fonction spécifique associée au champ de classement.", async () =>
|
|
|
|
{
|
|
|
|
const mySort=(a: any, b: any, order: "asc"|"desc"="asc") =>
|
|
|
|
{
|
|
|
|
const values=[ "> 100000", "> 1 et < 100 000", "≤ 1", "Traces", "Inexistant"];
|
|
|
|
if(order === "desc")
|
|
|
|
values.reverse();
|
|
|
|
if(values.indexOf(a) > values.indexOf(b))
|
|
|
|
return -1;
|
|
|
|
else if(values.indexOf(a) < values.indexOf(b))
|
|
|
|
return 1;
|
|
|
|
else
|
|
|
|
return 0;
|
|
|
|
};
|
|
|
|
converter.datasSortingFunctions=[{ datasFieldNb: 4, sort:mySort }];
|
2021-09-22 17:36:11 +02:00
|
|
|
let sortingField=new SortingField(converter, 4);
|
2021-09-20 18:01:09 +02:00
|
|
|
sortingField.field2HTML();
|
|
|
|
converter.datasSortingFields=[sortingField];
|
|
|
|
let getTHLink=document.querySelector("th a") as HTMLElement;
|
|
|
|
getTHLink.click();// tri ascendant
|
|
|
|
let getTR=document.querySelectorAll("tr");
|
|
|
|
let txtDatasViewsElt=getTR[1].innerHTML;
|
|
|
|
expect(txtDatasViewsElt).toEqual("<td>95</td><td>Américium</td><td>Am</td><td>Actinide</td><td>Inexistant</td>");
|
|
|
|
getTHLink.click();// tri descendant
|
|
|
|
getTR=document.querySelectorAll("tr");
|
|
|
|
txtDatasViewsElt=getTR[1].innerHTML;
|
|
|
|
expect(txtDatasViewsElt).toEqual("<td>1</td><td>Hydrogène</td><td>H</td><td>Non-métal</td><td>> 100000</td>");
|
|
|
|
getTHLink.click();// de nouveau ascendant
|
|
|
|
getTR=document.querySelectorAll("tr");
|
|
|
|
txtDatasViewsElt=getTR[1].innerHTML;
|
|
|
|
expect(txtDatasViewsElt).toEqual("<td>95</td><td>Américium</td><td>Am</td><td>Actinide</td><td>Inexistant</td>");
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
});
|