feat(scheduled builds): Add UI for scheduled builds proposal

cypress/fixtures/schedule.json

@@ -0,0 +1,36 @@
+{
+  "id": 1,
+  "active": true,
+  "name": "Daily",
+  "entry": "0 0 * * *",
+  "created_at": 1685037152,
+  "created_by": "CookieCat",
+  "updated_at": 1685037152,
+  "updated_by": "CookieCat",
+  "scheduled_at": 0,
+  "repo": {
+    "id": 1,
+    "user_id": 1,
+    "org": "CookieCat",
+    "name": "octocat",
+    "full_name": "github/octocat",
+    "link": "https://github.com/github/octocat",
+    "clone": "https://github.com/github/octocat.git",
+    "branch": "master",
+    "topics": [],
+    "build_limit": 10,
+    "timeout": 30,
+    "counter": 0,
+    "visibility": "public",
+    "private": false,
+    "trusted": false,
+    "active": true,
+    "allow_pull": true,
+    "allow_push": true,
+    "allow_deploy": true,
+    "allow_tag": true,
+    "allow_comment": true,
+    "pipeline_type": "yaml",
+    "previous_name": ""
+  }
+}

cypress/fixtures/schedules.json

@@ -0,0 +1,74 @@
+[
+  {
+    "id": 1,
+    "active": true,
+    "name": "Daily",
+    "entry": "0 0 * * *",
+    "created_at": 1685037152,
+    "created_by": "CookieCat",
+    "updated_at": 1685037152,
+    "updated_by": "CookieCat",
+    "scheduled_at": 0,
+    "repo": {
+      "id": 1,
+      "user_id": 1,
+      "org": "CookieCat",
+      "name": "octocat",
+      "full_name": "github/octocat",
+      "link": "https://github.com/github/octocat",
+      "clone": "https://github.com/github/octocat.git",
+      "branch": "master",
+      "topics": [],
+      "build_limit": 10,
+      "timeout": 30,
+      "counter": 0,
+      "visibility": "public",
+      "private": false,
+      "trusted": false,
+      "active": true,
+      "allow_pull": true,
+      "allow_push": true,
+      "allow_deploy": true,
+      "allow_tag": true,
+      "allow_comment": true,
+      "pipeline_type": "yaml",
+      "previous_name": ""
+    }
+  },
+  {
+    "id": 2,
+    "active": true,
+    "name": "Hourly",
+    "entry": "30 * * * *",
+    "created_at": 1685037182,
+    "created_by": "CookieCat",
+    "updated_at": 1685037182,
+    "updated_by": "CookieCat",
+    "scheduled_at": 0,
+    "repo": {
+      "id": 1,
+      "user_id": 1,
+      "org": "CookieCat",
+      "name": "octocat",
+      "full_name": "github/octocat",
+      "link": "https://github.com/github/octocat",
+      "clone": "https://github.com/github/octocat.git",
+      "branch": "master",
+      "topics": [],
+      "build_limit": 10,
+      "timeout": 30,
+      "counter": 0,
+      "visibility": "public",
+      "private": false,
+      "trusted": false,
+      "active": true,
+      "allow_pull": true,
+      "allow_push": true,
+      "allow_deploy": true,
+      "allow_tag": true,
+      "allow_comment": true,
+      "pipeline_type": "yaml",
+      "previous_name": ""
+    }
+  }
+]

cypress/integration/repo.spec.js

@@ -56,6 +56,15 @@ context('Repo', () => {
             cy.location('pathname').should('eq', '/github/octocat/settings');
           });
         });
+        context('click schedules in nav tabs', () => {
+          beforeEach(() => {
+            cy.get('[data-test=jump-Schedules]').click();
+          });
+
+          it('loads repo schedules', () => {
+            cy.location('pathname').should('eq', '/github/octocat/schedules');
+          });
+        });
         context('click audit in nav tabs, again', () => {
           beforeEach(() => {
             cy.get('[data-test=jump-Audit]').click();

cypress/integration/schedule.spec.js

@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) 2022 Target Brands, Inc. All rights reserved.
+ * Use of this source code is governed by the LICENSE file in this repository.
+ */
+
+context('Schedule', () => {
+  context('server returning schedule', () => {
+    beforeEach(() => {
+      cy.server();
+      cy.route(
+        'GET',
+        '*api/v1/schedules/github/octocat/Daily',
+        'fixture:schedule.json',
+      );
+      cy.login('/github/octocat/schedules/Daily');
+    });
+    it('Add Schedule should work as intended', () => {
+      cy.get('[id=schedule-name]')
+        .should('exist')
+        .should('have.value', 'Daily');
+      cy.get('[id=schedule-entry]')
+        .should('exist')
+        .should('have.value', '0 0 * * *');
+      cy.get('[data-test=schedule-update-button]').should('exist');
+      cy.get('[data-test=schedule-delete-button]').should('exist');
+    });
+  });
+});

cypress/integration/schedules.spec.js

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2022 Target Brands, Inc. All rights reserved.
+ * Use of this source code is governed by the LICENSE file in this repository.
+ */
+
+context('Schedules', () => {
+  context('server returning schedules', () => {
+    beforeEach(() => {
+      cy.server();
+      cy.route(
+        'GET',
+        '*api/v1/schedules/github/octocat',
+        'fixture:schedules.json',
+      );
+      cy.login('/github/octocat/schedules');
+    });
+
+    it('Add Schedule button should exist', () => {
+      cy.get('[data-test=add-repo-schedule]').should('exist').contains('Add');
+    });
+    it('schedules table should show 2 rows', () => {
+      cy.get('[data-test=schedules-row]').should('have.length', 2);
+    });
+  });
+});

docker-compose.yml

@@ -58,6 +58,7 @@ services:
       VELA_DISABLE_WEBHOOK_VALIDATION: 'true'
       VELA_ENABLE_SECURE_COOKIE: 'false'
       VELA_REPO_ALLOWLIST: '*'
+      VELA_SCHEDULE_ALLOWLIST: '*'
     env_file:
       - .env
     restart: always

package.json

@@ -18,6 +18,8 @@
     "cypress": "5.6.0",
     "cypress-axe": "0.14.0",
     "elm": "0.19.1-5",
+    "elm-format": "0.8.7",
+    "elm-test": "0.19.1-revision12",
     "make-dir-cli": "3.0.0",
     "ncp": "2.0.0",
     "parcel": "2.8.3",
@@ -58,6 +60,7 @@
     "lint:css": "stylelint --cache --cache-location 'node_modules/' 'src/scss/**/*.scss'",
     "lint:css-fix": "npm run lint:css -- --fix",
     "lint:elm": "elm-format --validate src/ tests/",
+    "lint:elm-fix": "elm-format --yes src/ tests/",
     "lint:fix": "npm run lint:css-fix && npm run lint:prettier-fix",
     "lint": "npm run lint:css && npm run lint:prettier"
   },