New Crowdin updates (#1212)

Co-authored-by: Jamie Benstead <jamie.benstead@gmail.com>
Co-authored-by: Jamie Benstead <57325966+jamiebenstead@users.noreply.github.com>

Author: raspberrypitranslationsbot

CHANGELOG.md

@@ -9,6 +9,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 ### Added
 
 - Ability to translate demo project instructions (#1230)
+- Translations (#1212)
 
 ### Changed
 

cypress/e2e/missionZero-wc.cy.js

@@ -11,7 +11,7 @@ it("defaults to the visual output tab", () => {
     .find(".proj-runner-container");
   runnerContainer
     .find(".react-tabs__tab--selected")
-    .should("contain", "Visual output");
+    .should("contain", "output.visualOutput");
 });
 
 it("renders the astro pi component on page load", () => {
@@ -38,7 +38,7 @@ it("sets initial criteria correctly", () => {
   cy.get("editor-wc").shadow().find(".btn--run").click();
   cy.get("#results").should(
     "contain",
-    '"noInputEvents":true,"readColour":false,"readHumidity":false,"readPressure":false,"readTemperature":false,"usedLEDs":false',
+    '"noInputEvents":true,"readColour":false,"readHumidity":false,"readPressure":false,"readTemperature":false,"usedLEDs":false'
   );
 });
 
@@ -57,7 +57,7 @@ it("checks temperature has been read correctly", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      "from sense_hat import SenseHat\nSenseHat().get_temperature()",
+      "from sense_hat import SenseHat\nSenseHat().get_temperature()"
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   cy.get("#results").should("contain", '"readTemperature":true');
@@ -69,7 +69,7 @@ it("checks humidity has been read correctly", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      "from sense_hat import SenseHat\nSenseHat().get_humidity()",
+      "from sense_hat import SenseHat\nSenseHat().get_humidity()"
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   cy.get("#results").should("contain", '"readHumidity":true');
@@ -81,7 +81,7 @@ it("checks pressure has been read correctly", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      "from sense_hat import SenseHat\nSenseHat().get_pressure()",
+      "from sense_hat import SenseHat\nSenseHat().get_pressure()"
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   cy.get("#results").should("contain", '"readPressure":true');
@@ -93,18 +93,26 @@ it("resets criteria correctly", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      "from sense_hat import SenseHat\nsense = SenseHat()\nsense.get_pressure()\nsense.get_humidity()\nsense.get_temperature()",
+      "from sense_hat import SenseHat\nsense = SenseHat()\nsense.get_pressure()\nsense.get_humidity()\nsense.get_temperature()"
     );
-  cy.get("editor-wc").shadow().find(".btn--run").contains("Run").click();
+  cy.get("editor-wc")
+    .shadow()
+    .find(".btn--run")
+    .contains("runButton.run")
+    .click();
   cy.get("#results").should("contain", '"readPressure":true');
   cy.get("editor-wc")
     .shadow()
     .find("div[class=cm-content]")
     .invoke("text", "from sense_hat import SenseHat");
-  cy.get("editor-wc").shadow().find(".btn--run").contains("Run").click();
+  cy.get("editor-wc")
+    .shadow()
+    .find(".btn--run")
+    .contains("runButton.run")
+    .click();
   cy.get("#results").should(
     "contain",
-    '"noInputEvents":true,"readColour":false,"readHumidity":false,"readPressure":false,"readTemperature":false,"usedLEDs":false',
+    '"noInputEvents":true,"readColour":false,"readHumidity":false,"readPressure":false,"readTemperature":false,"usedLEDs":false'
   );
 });
 
@@ -114,7 +122,7 @@ it("confirms LEDs used when single led set", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      "from sense_hat import SenseHat\nSenseHat().set_pixel(0, 0, 100, 100, 100)",
+      "from sense_hat import SenseHat\nSenseHat().set_pixel(0, 0, 100, 100, 100)"
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   cy.get("#results").should("contain", '"usedLEDs":true');
@@ -126,7 +134,7 @@ it("confirms LEDs used when display set", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      "from sense_hat import SenseHat\nsense = SenseHat()\nsense.set_pixels([[100,0,0]] * 64)",
+      "from sense_hat import SenseHat\nsense = SenseHat()\nsense.set_pixels([[100,0,0]] * 64)"
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   cy.scrollTo("bottom");
@@ -143,7 +151,7 @@ it("picks up calls to input()", () => {
   cy.get("editor-wc")
     .shadow()
     .find("div.pythonrunner-container.skulptrunner.skulptrunner--active")
-    .contains(".react-tabs__tab-text", "Text output")
+    .contains(".react-tabs__tab-text", "output.textOutput")
     .click();
   cy.get("editor-wc")
     .shadow()
@@ -162,7 +170,7 @@ it("picks up calls to wait for motion", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      "from sense_hat import SenseHat\nsense = SenseHat()\nsense.motion.wait_for_motion()",
+      "from sense_hat import SenseHat\nsense = SenseHat()\nsense.motion.wait_for_motion()"
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   cy.get("#results").should("contain", '"noInputEvents":false');
@@ -183,7 +191,7 @@ it("does not return null duration if no change in focus", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      'from sense_hat import SenseHat\nsense = SenseHat()\nsense.show_message("a")',
+      'from sense_hat import SenseHat\nsense = SenseHat()\nsense.show_message("a")'
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   cy.get("#results").should("not.contain", '"duration":null');
@@ -195,7 +203,7 @@ it("does not return null duration if focus changed before code run", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      'from sense_hat import SenseHat\nsense = SenseHat()\nsense.show_message("a")',
+      'from sense_hat import SenseHat\nsense = SenseHat()\nsense.show_message("a")'
     );
   cy.window().blur();
   cy.window().focus();
@@ -209,7 +217,7 @@ it("returns duration of null if focus is lost", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      'from sense_hat import SenseHat\nsense = SenseHat()\nsense.show_message("a")',
+      'from sense_hat import SenseHat\nsense = SenseHat()\nsense.show_message("a")'
     );
   cy.get("editor-wc")
     .shadow()
@@ -228,7 +236,7 @@ it("does not return duration of null if code rerun after focus lost", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      'from sense_hat import SenseHat\nsense = SenseHat()\nsense.show_message("a")',
+      'from sense_hat import SenseHat\nsense = SenseHat()\nsense.show_message("a")'
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   cy.window().blur();

cypress/e2e/spec-html.cy.js

@@ -18,7 +18,11 @@ const getIframeBody = () => {
 };
 
 const makeNewFile = (filename = "new.html") => {
-  cy.get("editor-wc").shadow().find("span").contains("Add file").click();
+  cy.get("editor-wc")
+    .shadow()
+    .find("span")
+    .contains("filePanel.newFileButton")
+    .click();
   cy.get("editor-wc")
     .shadow()
     .find("div[class=modal-content__input]")
@@ -27,7 +31,7 @@ const makeNewFile = (filename = "new.html") => {
   cy.get("editor-wc")
     .shadow()
     .find("div[class=modal-content__buttons]")
-    .contains("Add file")
+    .contains("newFileModal.addFile")
     .click();
 };
 
@@ -36,9 +40,9 @@ beforeEach(() => {
   cy.intercept(
     "GET",
     `${Cypress.env(
-      "REACT_APP_API_ENDPOINT",
+      "REACT_APP_API_ENDPOINT"
     )}/api/projects/blank-html-starter?locale=en`,
-    defaultHtmlProject,
+    defaultHtmlProject
   );
 });
 
@@ -55,7 +59,7 @@ it("blocks access to localStorage authKey", () => {
   localStorage.setItem("authKey", "secret")
   const authKey = localStorage.getItem("authKey")
   document.getElementById("authKey").innerHTML = \`\${authKey}\`
-</script>`,
+</script>`
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   getIframeBody().find("p").should("include.text", "authKey: null");
@@ -74,7 +78,7 @@ it("blocks access to localStorage OIDC keys", () => {
   localStorage.setItem("oidc.user:https://auth-v1.raspberrypi.org:editor-api", "token")
   const oidcUser = localStorage.getItem("oidc.user:https://auth-v1.raspberrypi.org:editor-api")
   document.getElementById("oidcUser").innerHTML = \`\${oidcUser}\`
-</script>`,
+</script>`
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   getIframeBody().find("p").should("include.text", "oidcUser: null");
@@ -93,7 +97,7 @@ it("allows access to other localStorage keys", () => {
   localStorage.setItem("foo", "bar")
   const foo = localStorage.getItem("foo")
   document.getElementById("foo").innerHTML = \`\${foo}\`
-</script>`,
+</script>`
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   getIframeBody().find("p").should("include.text", "foo: bar");
@@ -138,15 +142,15 @@ it("blocks non-permitted external links", () => {
     .find("div[class=cm-content]")
     .invoke(
       "text",
-      '<a href="https://raspberrypi.org/en/">some external link</a>',
+      '<a href="https://raspberrypi.org/en/">some external link</a>'
     );
   cy.get("editor-wc").shadow().find(".btn--run").click();
   getIframeBody().find("a").click();
   cy.get("editor-wc")
     .shadow()
     .find("div[class=modal-content__header]")
     .find("h2")
-    .should("include.text", "An error has occurred");
+    .should("include.text", "modal.error.heading");
 });
 
 it("allows permitted external links", () => {

cypress/e2e/spec-wc-pyodide.cy.js

@@ -41,13 +41,13 @@ describe("Running the code with pyodide", () => {
     cy.get("editor-wc")
       .shadow()
       .find(".pyodiderunner")
-      .contains(".react-tabs__tab", "Visual output")
+      .contains(".react-tabs__tab", "output.visualOutput")
       .should("not.exist");
     cy.get("editor-wc")
       .shadow()
       .find(".pyodiderunner")
       .find(".react-tabs__tab--selected")
-      .should("contain", "Text output");
+      .should("contain", "output.textOutput");
     cy.get("editor-wc")
       .shadow()
       .find(".pythonrunner-console-output-line")
@@ -56,7 +56,7 @@ describe("Running the code with pyodide", () => {
 
   it("interrupts the code when the stop button is clicked", () => {
     runCode(
-      "from time import sleep\nfor i in range(100):\n\tprint(i)\n\tsleep(1)",
+      "from time import sleep\nfor i in range(100):\n\tprint(i)\n\tsleep(1)"
     );
     cy.get("editor-wc")
       .shadow()
@@ -70,7 +70,7 @@ describe("Running the code with pyodide", () => {
     cy.get("editor-wc")
       .shadow()
       .find(".error-message__content")
-      .should("contain", "Execution interrupted");
+      .should("contain", "output.errors.interrupted");
   });
 
   it("runs a simple program with an input", () => {
@@ -115,7 +115,7 @@ describe("Running the code with pyodide", () => {
       .find(".error-message__content")
       .should(
         "contain",
-        "FileExistsError: File 'output.txt' already exists on line 1 of main.py",
+        "FileExistsError: File 'output.txt' already exists on line 1 of main.py"
       );
   });
 
@@ -126,7 +126,7 @@ describe("Running the code with pyodide", () => {
       .find("div[class=cm-content]")
       .invoke(
         "text",
-        'with open("output.txt", "a") as f:\n\tf.write("Hello again world")',
+        'with open("output.txt", "a") as f:\n\tf.write("Hello again world")'
       );
     cy.get("editor-wc")
       .shadow()
@@ -153,7 +153,7 @@ describe("Running the code with pyodide", () => {
 
   it("runs a simple program with a built-in pyodide module", () => {
     runCode(
-      "import simplejson as json\nprint(json.dumps(['foo', {'bar': ('baz', None, 1.0, 2)}]))",
+      "import simplejson as json\nprint(json.dumps(['foo', {'bar': ('baz', None, 1.0, 2)}]))"
     );
     cy.get("editor-wc")
       .shadow()
@@ -163,7 +163,7 @@ describe("Running the code with pyodide", () => {
 
   it("runs a simple pygal program", () => {
     runCode(
-      "import pygal\nbar_chart = pygal.Bar()\nbar_chart.add('Fibonacci', [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55])\nbar_chart.render()",
+      "import pygal\nbar_chart = pygal.Bar()\nbar_chart.add('Fibonacci', [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55])\nbar_chart.render()"
     );
     cy.get("editor-wc")
       .shadow()
@@ -173,7 +173,7 @@ describe("Running the code with pyodide", () => {
 
   it("runs a simple matplotlib program", () => {
     runCode(
-      "import matplotlib.pyplot as plt\nx = [1,2,3]\ny = [2,4,1]\nplt.plot(x, y)\nplt.title('My first graph!')\nplt.show()",
+      "import matplotlib.pyplot as plt\nx = [1,2,3]\ny = [2,4,1]\nplt.plot(x, y)\nplt.title('My first graph!')\nplt.show()"
     );
     cy.wait(5000);
     cy.get("editor-wc")
@@ -198,7 +198,7 @@ describe("Running the code with pyodide", () => {
       statusCode: 200,
     });
     runCode(
-      "import urllib.request\nresponse = urllib.request.urlopen('https://www.my-amazing-website.com')\nprint(response.getcode())",
+      "import urllib.request\nresponse = urllib.request.urlopen('https://www.my-amazing-website.com')\nprint(response.getcode())"
     );
     cy.get("editor-wc")
       .shadow()
@@ -208,7 +208,7 @@ describe("Running the code with pyodide", () => {
 
   it("runs a simple program with a module from PyPI", () => {
     runCode(
-      "from strsimpy.levenshtein import Levenshtein\nlevenshtein = Levenshtein()\nprint(levenshtein.distance('hello', 'world'))",
+      "from strsimpy.levenshtein import Levenshtein\nlevenshtein = Levenshtein()\nprint(levenshtein.distance('hello', 'world'))"
     );
     cy.get("editor-wc")
       .shadow()
@@ -236,7 +236,7 @@ text_in = "This is a test message"
 rotor_start = "FNZ"
 text_out = use_enigma_machine(text_in, rotor_start)
 print(text_out)
-      `,
+      `
     );
     cy.get("editor-wc")
       .shadow()
@@ -251,7 +251,7 @@ print(text_out)
       .find(".error-message__content")
       .should(
         "contain",
-        "ModuleNotFoundError: No module named 'i_do_not_exist' on line 1 of main.py",
+        "ModuleNotFoundError: No module named 'i_do_not_exist' on line 1 of main.py"
       );
   });