initial import for Open Source 🎉

static/js/directives/ui/linear-workflow/linear-workflow.component.spec.ts

@@ -0,0 +1,132 @@
+import { LinearWorkflowComponent, SectionInfo } from './linear-workflow.component';
+import { LinearWorkflowSectionComponent } from './linear-workflow-section.component';
+import Spy = jasmine.Spy;
+
+
+describe("LinearWorkflowComponent", () => {
+  var component: LinearWorkflowComponent;
+
+  beforeEach(() => {
+    component = new LinearWorkflowComponent();
+  });
+
+  describe("addSection", () => {
+    var newSection: LinearWorkflowSectionComponent;
+
+    beforeEach(() => {
+      newSection = new LinearWorkflowSectionComponent(component);
+    });
+
+    it("sets 'sectionVisible' and 'isCurrentSection' to first section in list that is not skipped", () => {
+      var skippedSection: LinearWorkflowSectionComponent = new LinearWorkflowSectionComponent(component);
+      skippedSection.skipSection = true;
+      component.addSection(skippedSection);
+      component.addSection(newSection);
+
+      expect(newSection.sectionVisible).toBe(true);
+      expect(newSection.isCurrentSection).toBe(true);
+    });
+  });
+
+  describe("onNextSection", () => {
+    var currentSection: LinearWorkflowSectionComponent;
+
+    beforeEach(() => {
+      component.onWorkflowComplete = jasmine.createSpyObj("onWorkflowCompleteSpy", ['emit']);
+      currentSection = new LinearWorkflowSectionComponent(component);
+      currentSection.sectionValid = true;
+      component.addSection(currentSection);
+    });
+
+    it("does not complete workflow or change current section if current section is invalid", () => {
+      currentSection.sectionValid = false;
+      component.onNextSection();
+
+      expect(component.onWorkflowComplete.emit).not.toHaveBeenCalled();
+      expect(currentSection.isCurrentSection).toBe(true);
+    });
+
+    it("calls workflow completed output callback if current section is the last section and is valid", () => {
+      component.onNextSection();
+
+      expect(component.onWorkflowComplete.emit).toHaveBeenCalled();
+    });
+
+    it("sets the current section to the next section if there are remaining sections and current section valid", () => {
+      var nextSection: LinearWorkflowSectionComponent = new LinearWorkflowSectionComponent(component);
+      component.addSection(nextSection);
+      component.onNextSection();
+
+      expect(currentSection.isCurrentSection).toBe(false);
+      expect(nextSection.isCurrentSection).toBe(true);
+      expect(nextSection.sectionVisible).toBe(true);
+    });
+
+    it("does not set the current section to a skipped section", () => {
+      var skippedSection: LinearWorkflowSectionComponent = new LinearWorkflowSectionComponent(component);
+      var nextSection: LinearWorkflowSectionComponent = new LinearWorkflowSectionComponent(component);
+      skippedSection.skipSection = true;
+      component.addSection(skippedSection);
+      component.addSection(nextSection);
+      component.onNextSection();
+
+      expect(currentSection.isCurrentSection).toBe(false);
+      expect(skippedSection.isCurrentSection).toBe(false);
+      expect(skippedSection.sectionVisible).toBe(false);
+      expect(nextSection.isCurrentSection).toBe(true);
+      expect(nextSection.sectionVisible).toBe(true);
+    });
+  });
+
+  describe("onSectionInvalid", () => {
+    var invalidSection: LinearWorkflowSectionComponent;
+    var sections: LinearWorkflowSectionComponent[];
+
+    beforeEach(() => {
+      invalidSection = new LinearWorkflowSectionComponent(component);
+      invalidSection.sectionId = "Git Repository";
+      invalidSection.sectionValid = false;
+      component.addSection(invalidSection);
+
+      sections = [
+        new LinearWorkflowSectionComponent(component),
+        new LinearWorkflowSectionComponent(component),
+        new LinearWorkflowSectionComponent(component),
+      ];
+      sections.forEach((section) => {
+        section.sectionVisible = false;
+        section.isCurrentSection = false;
+        component.addSection(section);
+      });
+    });
+
+    it("does nothing if invalid section is after the current section", () => {
+      sections[sections.length - 1].sectionValid = false;
+      sections[sections.length - 1].sectionId = "Some Section";
+      component.onSectionInvalid(sections[sections.length - 1].sectionId);
+
+      expect(sections[sections.length - 1].isCurrentSection).toBe(false);
+      expect(sections[sections.length - 1].sectionVisible).toBe(false);
+    });
+
+    it("sets the section with the given id to be the current section", () => {
+      component.onSectionInvalid(invalidSection.sectionId);
+
+      expect(invalidSection.isCurrentSection).toBe(true);
+    });
+
+    it("hides all sections after the section with the given id", () => {
+      sections.forEach((section) => {
+        section.sectionVisible = true;
+        section.isCurrentSection = true;
+        component.addSection(section);
+      });
+      component.onSectionInvalid(invalidSection.sectionId);
+
+      sections.forEach((section) => {
+        expect(section.sectionVisible).toBe(false);
+        expect(section.isCurrentSection).toBe(false);
+      });
+    });
+  });
+});