CloudHost/LingvAI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Text to Speech (#2)

Browse Source 
* Initial TTS scrapping implemented

* Audio & copy buttons added

* TTS langs mapping fix

* Webkit audio api fix

* Added TTS-related testing

* Last tweaks
This commit is contained in:
David
2021-03-25 16:48:46 +01:00
committed by GitHub
parent 034355b640
commit 7288e9ace7
11 changed files with 302 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
cypress/integration/app.spec.ts
View File

@@ -58,14 +58,7 @@ it("switches first loaded page and back and forth on language change", () => {
.should("include", `/auto/en/${encodeURIComponent(query)}`);
});
it("doesn't switch initial page on language change", () => {
cy.findByRole("combobox", { name: /source language/i })
.select("eo")
.url()
.should("not.include", "/eo");
});
it("language switching button is disable on 'auto', but enables when other", () => {
it("language switching button is disabled on 'auto', but enables when other", () => {
cy.findByRole("button", { name: /switch languages/i })
.as("btnSwitch")
.should("be.disabled");
@@ -78,10 +71,38 @@ it("language switching button is disable on 'auto', but enables when other", ()
cy.findByRole("combobox", { name: /target language/i })
.should("have.value", "eo")
.get("@source")
.should("have.value", "en");
.should("have.value", "en")
.url()
.should("not.include", "/en")
.should("not.include", "/eo");
});
it("toggles color mode on button click", () => {
it("loads & plays audio correctly", () => {
const query = faker.lorem.words(5);
cy.visit(`/la/en/${query}`);
const play = "Play audio";
const stop = "Stop audio";
cy.findAllByRole("button", { name: play })
.should("be.enabled")
.click({ multiple: true })
.should("have.attr", "aria-label", stop)
.click({ multiple: true })
.should("have.attr", "aria-label", play)
.click({ multiple: true })
.should("have.attr", "aria-label", play)
.click({ multiple: true })
.should("have.attr", "aria-label", stop);
});
it("skips to main & toggles color mode", () => {
cy.findByRole("link", { name: /skip to content/i })
.focus()
.click()
.url()
.should("include", "#main");
const white = "rgb(255, 255, 255)";
cy.get("body")
.should("have.css", "background-color", white);
@@ -95,11 +116,3 @@ it("toggles color mode on button click", () => {
.get("body")
.should("have.css", "background-color", white);
});
it("skips to main on 'skip link' click", () => {
cy.findByRole("link", { name: /skip to content/i })
.focus()
.click()
.url()
.should("include", "#main");
});