matteo/matrix-kernel-filter-calculator
1
0
Fork 0
mirror of https://github.com/mschuepbach/matrix-kernel-filter-calculator.git synced 2026-01-15 21:12:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

Migrate to SvelteKit and Vite

Browse Source
This commit is contained in:
mschuepbach
2023-08-06 18:52:31 +02:00
parent 868a46302c
commit cd93d7442f
39 changed files with 2038 additions and 2044 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
cypress/e2e/calculator.cy.js
View File

@@ -1,38 +1,38 @@
describe("Claculator", () => {
beforeEach(() => {
cy.visit("/");
});
describe('Claculator', () => {
beforeEach(() => {
cy.visit('/');
});
it("shows default calculation", () => {
cy.get("[data-test=matrix] input").should("have.length", 16);
cy.get("[data-test=kernel] input").should("have.length", 9);
cy.get("[data-test=result] input").should("have.length", 16);
});
it('shows default calculation', () => {
cy.get('[data-test=matrix] input').should('have.length', 16);
cy.get('[data-test=kernel] input').should('have.length', 9);
cy.get('[data-test=result] input').should('have.length', 16);
});
it("shows result when matrix changes", () => {
cy.get("[data-test=matrix] input").first().type(2);
cy.get("[data-test=result] input").first().should("have.value", 5);
});
it('shows result when matrix changes', () => {
cy.get('[data-test=matrix] input').first().type(2);
cy.get('[data-test=result] input').first().should('have.value', 5);
});
it("shows result when kernel changes", () => {
cy.get("[data-test=kernel] input").first().type(2);
cy.get("[data-test=result] input").last().should("have.value", 5);
});
it('shows result when kernel changes', () => {
cy.get('[data-test=kernel] input').first().type(2);
cy.get('[data-test=result] input').last().should('have.value', 5);
});
it("can change matrix size", () => {
cy.get("[data-test=matrix-size] input").first().type(2);
cy.get("[data-test=matrix-size] input").last().type(2);
cy.get("[data-test=matrix] input").should("have.length", 4);
});
it('can change matrix size', () => {
cy.get('[data-test=matrix-size] input').first().type(2);
cy.get('[data-test=matrix-size] input').last().type(2);
cy.get('[data-test=matrix] input').should('have.length', 4);
});
it("can change kernel size", () => {
cy.get("[data-test=kernel-size] input").first().type(2);
cy.get("[data-test=kernel-size] input").last().type(2);
cy.get("[data-test=kernel] input").should("have.length", 4);
});
it('can change kernel size', () => {
cy.get('[data-test=kernel-size] input').first().type(2);
cy.get('[data-test=kernel-size] input').last().type(2);
cy.get('[data-test=kernel] input').should('have.length', 4);
});
it("can toggle padding", () => {
cy.get("[data-test=padding]").click();
cy.get("[data-test=result] input").should("have.length", 4);
});
it('can toggle padding', () => {
cy.get('[data-test=padding]').click();
cy.get('[data-test=result] input').should('have.length', 4);
});
});

68
cypress/e2e/theme.cy.js
View File

@@ -1,45 +1,45 @@
const visit = (darkAppearance) =>
cy.visit("/", {
onBeforeLoad(win) {
cy.stub(win, "matchMedia")
.withArgs("(prefers-color-scheme: dark)")
.returns({
matches: darkAppearance,
addEventListener: () => {},
removeEventListener: () => {},
});
},
});
cy.visit('/', {
onBeforeLoad(win) {
cy.stub(win, 'matchMedia')
.withArgs('(prefers-color-scheme: dark)')
.returns({
matches: darkAppearance,
addEventListener: () => {},
removeEventListener: () => {}
});
}
});
const isDarkMode = () => {
cy.get("html").should("have.attr", "theme", "dark");
cy.get("html").should("have.css", "background-color", "rgb(51, 51, 51)");
cy.get("html").should("have.css", "color", "rgb(238, 238, 238)");
cy.get('html').should('have.attr', 'theme', 'dark');
cy.get('html').should('have.css', 'background-color', 'rgb(34, 34, 34)');
cy.get('html').should('have.css', 'color', 'rgb(238, 238, 238)');
};
const isLightMode = () => {
cy.get("html").should("have.attr", "theme", "light");
cy.get("html").should("have.css", "background-color", "rgb(255, 255, 255)");
cy.get("html").should("have.css", "color", "rgb(51, 51, 51)");
cy.get('html').should('have.attr', 'theme', 'light');
cy.get('html').should('have.css', 'background-color', 'rgb(255, 255, 255)');
cy.get('html').should('have.css', 'color', 'rgb(34, 34, 34)');
};
describe("Theme", () => {
it("is light by default", () => {
cy.visit("/");
isLightMode();
});
describe('Theme', () => {
it('is light if preferred', () => {
visit(false);
isLightMode();
});
it("is dark if user has set it in the browser", () => {
visit(true);
isDarkMode();
});
it('is dark if preferred', () => {
visit(true);
isDarkMode();
});
it("can toggle", () => {
cy.visit("/");
isLightMode();
cy.get("[data-test=toggle-theme]").click();
isDarkMode();
cy.get("[data-test=toggle-theme]").click();
isLightMode();
});
it('can toggle', () => {
visit(false);
isLightMode();
cy.get('[data-test=toggle-theme]').click();
isDarkMode();
cy.get('[data-test=toggle-theme]').click();
isLightMode();
});
});

6
cypress/fixtures/example.json
View File

@@ -1,5 +1,5 @@
{
"name": "Using fixtures to represent data",
"email": "hello@cypress.io",
"body": "Fixtures are a great way to mock data for responses to routes"
"name": "Using fixtures to represent data",
"email": "hello@cypress.io",
"body": "Fixtures are a great way to mock data for responses to routes"
}

2
cypress/support/commands.js
View File

@@ -22,4 +22,4 @@
//
//
// -- This will overwrite an existing command --
// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })

4
cypress/support/e2e.js
View File

@@ -14,7 +14,7 @@
// ***********************************************************
// Import commands.js using ES2015 syntax:
import './commands'
import './commands';
// Alternatively you can use CommonJS syntax:
// require('./commands')
// require('./commands')