sprint-12-release

.github/workflows/build-backend-automation.yml

@@ -71,8 +71,7 @@ jobs:
         uses: docker/build-push-action@v3
         with:
           context: ./Apps/backend
-          platforms: linux/amd64,linux/arm64
-          push: false
+          platforms: linux/amd64
           tags: |
             sosci/backend:${{ github.event.pull_request.title }}
             sosci/backend:latest

.github/workflows/build-frontend-automation.yml

@@ -77,7 +77,7 @@ jobs:
         uses: docker/build-push-action@v3
         with:
           context: ./Apps/frontend
-          platforms: linux/amd64,linux/arm64
+          platforms: linux/amd64
           build-args: |
             MODE=production
           push: false

.github/workflows/build-generator-automation.yml

@@ -71,7 +71,7 @@ jobs:
         uses: docker/build-push-action@v3
         with:
           context: ./Apps/generator
-          platforms: linux/amd64,linux/arm64
+          platforms: linux/amd64
           push: false
           tags: |
             sosci/generator:${{ github.event.pull_request.title }}

.github/workflows/push-backend-automation.yml

@@ -50,7 +50,7 @@ jobs:
         uses: docker/build-push-action@v3
         with:
           context: ./Apps/backend
-          platforms: linux/amd64,linux/arm64
+          platforms: linux/amd64
           push: true
           tags: |
             sosci/backend:${{ github.event.pull_request.title }}

.github/workflows/push-frontend-automation.yml

@@ -54,7 +54,7 @@ jobs:
         uses: docker/build-push-action@v3
         with:
           context: ./Apps/frontend
-          platforms: linux/amd64,linux/arm64
+          platforms: linux/amd64
           build-args: |
             MODE=production
           push: true

Apps/frontend/cypress/e2e/2-control-panel/preset-config.cy.js

@@ -6,15 +6,15 @@ describe("everything visible on front page", () => {
   });
 
   it("displays btn", () => {
-    cy.get("#managePresets").should("be.visible");
+    cy.get('[data-cy="settings-button"]').should("be.visible");
   });
 
   it("is clickable", () => {
-    cy.get('[data-cy="preset-config-open-popup"]').click();
-    cy.get("#getChannelConfig").should("be.visible");
-    cy.get("#availablePreset").should("be.visible");
-    cy.get("#presetName").should("be.visible");
-    cy.get("#storeChannelConfig").should("be.visible");
-    cy.get("#cancelChannelConfig").should("be.visible");
+    cy.get('[data-cy="settings-button"]').click();
+    cy.get('[data-cy="preset-config-open-popup"]').should("be.visible");
+    cy.get('[data-cy="load-channel-config"]').should("be.visible");
+    cy.get('[data-cy="available-presets-list"]').should("be.visible");
+    cy.get('[data-cy="selected-preset"]').should("be.visible");
+    cy.get('[data-cy="store-channel-config"]').should("be.visible");
   });
 });

Apps/frontend/cypress/e2e/3-control-panel-top/on-off-button.cy.js

@@ -12,6 +12,6 @@ describe("onOffButton", () => {
 
   it("is clickable", () => {
     cy.get('[data-cy="on-off-button"]').click();
-    cy.get('[data-cy="on-off-button"]').should("have.class", "mui-icon--off");
+    cy.get('[data-cy="on-off-button"]').should("have.class", "icon--off");
   });
 });

Apps/frontend/cypress/e2e/4-control-panel-bottom/amplitude-slider.cy.js

@@ -12,14 +12,14 @@ describe("amplitudeSlider", () => {
   it(`has label that displays reciprocal value "Infinity"`, () => {
     cy.get(`[data-cy="amplitudeSlider-0"]`).within(() => {
       cy.get('[type="range"]').invoke("val", 2).trigger("change");
-      cy.get("span").should("have.text", "0.50");
+      cy.get("div").should("have.text", "0.50");
     });
   });
 
   it(`has label that displays reciprocal value "Infinity" for value 0`, () => {
     cy.get(`[data-cy="amplitudeSlider-1"]`).within(() => {
       cy.get('[type="range"]').invoke("val", 0).trigger("change");
-      cy.get("span").should("have.text", "Infinity");
+      cy.get("div").should("have.text", "Infinity");
     });
   });
 

Apps/frontend/package.json

@@ -29,12 +29,13 @@
     "prettier": "2.8.0",
     "prettier-plugin-svelte": "^2.8.1",
     "sass": "^1.56.2",
-    "svelte": "^3.52.0",
+    "svelte": "^3.55.1",
     "svelte-toggle": "^3.1.0",
     "vite": "^3.2.0"
   },
   "dependencies": {
     "axios": "^1.2.1",
+    "sveltestrap": "^5.10.0",
     "webgl-plot": "^0.7.0"
   }
 }

Apps/frontend/src/App.svelte

@@ -8,6 +8,10 @@
     href="https://fonts.googleapis.com/icon?family=Material+Icons"
   />
   <link rel="stylesheet" href="node_modules/svelte-material-ui/bare.css" />
+  <link
+    rel="stylesheet"
+    href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
+  />
 </svelte:head>
 <main data-cy="oscilloscope">
   <Layout />