@designliquido/foles
Version:
Linguagem de folhas de estilo para documentos em geral em português
154 lines • 8.81 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const avaliador_sintatico_1 = require("../../fontes/avaliador-sintatico");
const importador_1 = require("../../fontes/importador");
const lexador_1 = require("../../fontes/lexador");
const superclasse_1 = require("../../fontes/modificadores/superclasse");
const foles_1 = __importDefault(require("../../fontes/tipos-de-simbolos/foles"));
const serializadores_1 = require("../../fontes/serializadores");
const estilo_1 = require("../listas/estilo");
const declaracoes_1 = require("../../fontes/declaracoes");
const estilo_2 = require("../../fontes/modificadores/atributos/estilo");
describe('Testando Seletores com ESTILO como atributo', () => {
describe('Testes Unitários', () => {
let lexador;
let importador;
let avaliador;
let tradutor;
beforeEach(() => {
lexador = new lexador_1.Lexador();
importador = new importador_1.Importador(lexador);
avaliador = new avaliador_sintatico_1.AvaliadorSintatico(importador);
tradutor = new serializadores_1.Serializador();
});
it('Casos de sucesso - Valor válido', () => {
for (let index = 0; index < estilo_1.Estilo.length; index += 1) {
const seletor = new superclasse_1.SeletorModificador(estilo_1.Estilo[index], 'pontilhado', null);
// Lexador
const resultadoLexador = lexador.mapear([
"corpo {",
`${estilo_1.Estilo[index]}: ${seletor['valor']};`,
"}"
]);
expect(resultadoLexador.simbolos).toHaveLength(7);
expect(resultadoLexador.erros).toHaveLength(0);
expect(resultadoLexador.simbolos).toEqual(expect.arrayContaining([
expect.objectContaining({ tipo: foles_1.default.QUALITATIVO }),
]));
expect(resultadoLexador.simbolos).not.toEqual(expect.arrayContaining([
expect.objectContaining({ tipo: foles_1.default.QUANTIFICADOR }),
expect.objectContaining({ tipo: foles_1.default.NUMERO }),
]));
// Avaliador Sintático
const resultadoAvaliadorSintatico = avaliador.analisar(resultadoLexador.simbolos);
// O Avaliador deve montar um objeto com os devidos nomes FolEs e CSS
expect(resultadoAvaliadorSintatico.length).toBeGreaterThanOrEqual(1);
const primeiroResultado = resultadoAvaliadorSintatico[0];
expect(primeiroResultado).toBeInstanceOf(declaracoes_1.BlocoDeclaracao);
const primeiroResultadoTipado = primeiroResultado;
expect(primeiroResultadoTipado.modificadores.length).toBeGreaterThanOrEqual(1);
expect(primeiroResultadoTipado.modificadores[0].nomeFoles).toStrictEqual(seletor['nomeFoles']);
expect(primeiroResultadoTipado.modificadores[0].propriedadeCss).toStrictEqual(seletor['propriedadeCss']);
// // Tradutor
const resultadoTradutor = tradutor.serializar(resultadoAvaliadorSintatico);
expect(resultadoTradutor).toContain('body');
expect(resultadoTradutor).toContain(seletor['propriedadeCss']);
expect(resultadoTradutor).toContain('dotted');
}
});
it('Casos de falha - Valor não informado', () => {
for (let index = 0; index < Object.keys(estilo_1.Estilo).length; index += 1) {
// Lexador - estilo não informado
const resultadoLexador = lexador.mapear([
"lmht {",
`${estilo_1.Estilo[index]}: ;`,
"}"
]);
expect(resultadoLexador.simbolos).not.toHaveLength(7);
expect(resultadoLexador.simbolos).not.toEqual(expect.arrayContaining([
expect.objectContaining({ tipo: foles_1.default.QUALITATIVO }),
]));
expect(() => {
avaliador.analisar(resultadoLexador.simbolos);
}).toThrow(`Esperado ';' após declaração de valor de modificador '${estilo_1.Estilo[index]}'.`);
}
});
it('Casos de falha - Seletor com erro de digitação', () => {
for (let index = 0; index < Object.keys(estilo_1.Estilo).length; index += 1) {
// Causar erro de digitação
const seletorIncorreto = estilo_1.Estilo[index].replace(estilo_1.Estilo[index][0], '');
const resultadoLexador = lexador.mapear([
"lmht {",
`${seletorIncorreto}: solido;`,
"}"
]);
// Avaliador Sintático - Erro esperado como retorno
expect(() => {
avaliador.analisar(resultadoLexador.simbolos);
}).toThrow(`O seletor '${seletorIncorreto}' não existe.`);
// Tradutor - Não deve traduzir devido ao erro do Avaliador Sintático
expect(() => {
tradutor.serializar(avaliador.analisar(resultadoLexador.simbolos));
}).toHaveLength(0);
}
});
it('Casos de falha - Valor inválido de estilo de borda deve retornar erro', () => {
for (let index = 0; index < estilo_1.EstiloBorda.length; index += 1) {
const valorInvalido = 'pontilado';
// Lexador
const resultadoLexador = lexador.mapear([
"corpo {",
`${estilo_1.EstiloBorda[index]}: ${valorInvalido};`,
"}"
]);
// Avaliador Sintático
expect(() => {
avaliador.analisar(resultadoLexador.simbolos);
}).toThrowError(`Propriedade '${estilo_1.EstiloBorda[index]}' com valor ${valorInvalido} inválido.`);
}
});
it('Casos de sucesso - Valores de estilo atribuídos por meio de variável', () => {
const estilosFolEs = Object.keys(estilo_2.estilos);
const estilosCss = Object.values(estilo_2.estilos);
for (let index = 0; index < estilosFolEs.length; index += 1) {
// Lexador
const resultadoLexador = lexador.mapear([
`$estilo-padrao: ${estilosFolEs[index]};`,
"corpo {",
'contorno: $estilo-padrao;',
"}"
]);
// O Lexador deve montar o objeto de acordo, sem retornar erros
expect(resultadoLexador.simbolos).toHaveLength(13);
expect(resultadoLexador.erros).toHaveLength(0);
// O mapeamento do Lexador deve conter o símbolo Variável
expect(resultadoLexador.simbolos).toEqual(expect.arrayContaining([
expect.objectContaining({ tipo: foles_1.default.VARIAVEL }),
]));
// O mapeamento do Lexador não deve conter números e/ou quantificadores
expect(resultadoLexador.simbolos).not.toEqual(expect.arrayContaining([
expect.objectContaining({ tipo: foles_1.default.QUANTIFICADOR }),
expect.objectContaining({ tipo: foles_1.default.NUMERO }),
]));
// Avaliador Sintático
const resultadoAvaliadorSintatico = avaliador.analisar(resultadoLexador.simbolos);
// O Avaliador deve montar um objeto com os devidos nomes FolEs e CSS
expect(resultadoAvaliadorSintatico.length).toBeGreaterThanOrEqual(1);
const primeiroResultado = resultadoAvaliadorSintatico[0];
expect(primeiroResultado).toBeInstanceOf(declaracoes_1.DeclaracaoVariavel);
const segundoResultado = resultadoAvaliadorSintatico[1];
const segundoResultadoTipado = segundoResultado;
expect(segundoResultadoTipado.modificadores.length).toBeGreaterThanOrEqual(1);
expect(segundoResultadoTipado.modificadores[0].nomeFoles).toStrictEqual('contorno');
expect(segundoResultadoTipado.modificadores[0].propriedadeCss).toStrictEqual('outline');
// Tradutor
const resultadoTradutor = tradutor.serializar(resultadoAvaliadorSintatico);
expect(resultadoTradutor).toContain(estilosCss[index]);
}
});
});
});
//# sourceMappingURL=estilo.test.js.map