mutation-testing-elements - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [1.0.2](https://github.com/stryker-mutator/mutation-testing-elements/compare/v1.0.1...v1.0.2) (2019-03-26)
+
+
+### Features
+
+* **mutant popup:** add popup for selected mutant ([#17](https://github.com/stryker-mutator/mutation-testing-elements/issues/17)) ([0597327](https://github.com/stryker-mutator/mutation-testing-elements/commit/0597327))
+
+
+
+
+
 ## [1.0.1](https://github.com/stryker-mutator/mutation-testing-elements/compare/v1.0.0...v1.0.1) (2019-03-15)
@@ -8,0 +19,0 @@

dist/components/mutation-test-report-app.d.ts

@@ -18,2 +18,3 @@ import { LitElement, PropertyValues } from 'lit-element';
     private updateContext;
+    private updateTitle;
     static styles: import("lit-element").CSSResult[];
@@ -23,5 +24,4 @@ readonly subscriptions: Subscription[];
     disconnectedCallback(): void;
+    private renderTitle;
     render(): import("lit-element").TemplateResult;
-    private renderTitle;
-    private renderContent;
     private renderErrorMessage;
@@ -32,1 +32,2 @@ private renderReport;
 }
+//# sourceMappingURL=mutation-test-report-app.d.ts.map

dist/components/mutation-test-report-app.js

@@ -59,2 +59,3 @@ "use strict";
             this.updateContext();
+            this.updateTitle();
         }
@@ -73,2 +74,5 @@ if (changedProperties.has('src')) {
     }
+    updateTitle() {
+        document.title = this.title;
+    }
     connectedCallback() {
@@ -82,8 +86,2 @@ super.connectedCallback();
     }
-    render() {
-        return lit_element_1.html `
-    <mutation-test-report-title .title="${this.title}"></mutation-test-report-title>
-    ${this.renderContent()}
-    `;
-    }
     renderTitle() {
@@ -97,5 +95,5 @@ if (this.context) {
     }
-    renderContent() {
+    render() {
         if (this.context || this.errorMessage) {
-            return lit_element_1.html `<div class="container">
+            return lit_element_1.html `<div class="container-fluid">
   <div class="row">
@@ -110,3 +108,3 @@ <div class="col-md-12">
         else {
-            return undefined;
+            return lit_element_1.html ``;
         }
@@ -113,0 +111,0 @@ }

dist/components/mutation-test-report-breadcrumb.d.ts

@@ -11,1 +11,2 @@ import { LitElement } from 'lit-element';
 }
+//# sourceMappingURL=mutation-test-report-breadcrumb.d.ts.map

dist/components/mutation-test-report-breadcrumb.js

@@ -0,0 +0,0 @@ "use strict";

dist/components/mutation-test-report-file-legend.d.ts

@@ -21,1 +21,2 @@ import { LitElement, PropertyValues } from 'lit-element';
 }
+//# sourceMappingURL=mutation-test-report-file-legend.d.ts.map

dist/components/mutation-test-report-file-legend.js

@@ -0,0 +0,0 @@ "use strict";

dist/components/mutation-test-report-file/mutation-test-report-file.d.ts

@@ -10,2 +10,3 @@ import { LitElement, PropertyValues } from 'lit-element';
     private readonly filtersChanged;
+    connectedCallback(): void;
     render(): import("lit-element").TemplateResult | undefined;
@@ -15,1 +16,2 @@ firstUpdated(_changedProperties: PropertyValues): void;
 }
+//# sourceMappingURL=mutation-test-report-file.d.ts.map

dist/components/mutation-test-report-file/mutation-test-report-file.js

@@ -51,2 +51,12 @@ "use strict";
     }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('click', () => {
+            this.forEachMutantComponent(mutant => mutant.showPopup = false);
+        });
+        this.addEventListener('mutant-selected', (event) => {
+            const selectedMutant = event.detail;
+            this.forEachMutantComponent(mutant => mutant !== selectedMutant && (mutant.showPopup = false));
+        });
+    }
     render() {
@@ -53,0 +63,0 @@ if (this.model) {

dist/components/mutation-test-report-mutant.d.ts

@@ -7,3 +7,5 @@ import { LitElement } from 'lit-element';
     expand: boolean;
+    showPopup: boolean;
     static styles: import("lit-element").CSSResult[];
+    private readonly mutantClicked;
     render(): import("lit-element").TemplateResult;
@@ -15,1 +17,2 @@ private renderButton;
 }
+//# sourceMappingURL=mutation-test-report-mutant.d.ts.map

dist/components/mutation-test-report-mutant.js

@@ -17,2 +17,9 @@ "use strict";
         this.expand = false;
+        this.showPopup = false;
+        this.mutantClicked = (event) => {
+            this.expand = !this.expand;
+            this.showPopup = this.expand;
+            event.stopImmediatePropagation();
+            this.dispatchEvent(new CustomEvent('mutant-selected', { bubbles: true, detail: this, composed: true }));
+        };
     }
@@ -26,4 +33,4 @@ render() {
         if (this.show && this.mutant) {
-            return lit_element_1.html `<span class="mutant-toggle badge badge-${this.expand ? 'info' : htmlHelpers_1.getContextClassForStatus(this.mutant.status)}" @click="${() => this.expand = !this.expand}"
-  title="${this.mutant.mutatorName}">${this.mutant.id}</span>`;
+            return lit_element_1.html `<mutation-test-report-popup ?show="${this.showPopup}" context="${htmlHelpers_1.getContextClassForStatus(this.mutant.status)}" header="${this.mutant.mutatorName}"><p slot="popover-body">Status: ${this.mutant.status}</p><span class="mutant-toggle badge badge-${this.expand ? 'info' : htmlHelpers_1.getContextClassForStatus(this.mutant.status)}"
+    @click="${this.mutantClicked}" title="${this.mutant.mutatorName}">${this.mutant.id}</span></mutation-test-report-popup>`;
         }
@@ -66,2 +73,5 @@ return undefined;
 ], MutationTestReportMutantComponent.prototype, "expand", void 0);
+__decorate([
+    lit_element_1.property()
+], MutationTestReportMutantComponent.prototype, "showPopup", void 0);
 MutationTestReportMutantComponent = __decorate([
@@ -68,0 +78,0 @@ lit_element_1.customElement('mutation-test-report-mutant')

dist/components/mutation-test-report-totals.d.ts

@@ -15,1 +15,2 @@ import { LitElement } from 'lit-element';
 }
+//# sourceMappingURL=mutation-test-report-totals.d.ts.map

dist/components/mutation-test-report-totals.js

@@ -0,0 +0,0 @@ "use strict";

dist/components/svg/index.d.ts

 declare const file: import("lit-html").SVGTemplateResult;
 declare const directory: import("lit-html").SVGTemplateResult;
 export { file, directory };
+//# sourceMappingURL=index.d.ts.map

dist/components/svg/index.js

@@ -0,0 +0,0 @@ "use strict";

dist/index.d.ts

 import './components/mutation-test-report-app';
+import './components/mutation-test-report-popup/mutation-test-report-popup';
 import './components/mutation-test-report-file/mutation-test-report-file';
 import './components/mutation-test-report-totals';
 import './components/mutation-test-report-breadcrumb';
-import './components/mutation-test-report-title';
 import './components/mutation-test-report-mutant';
 import './components/mutation-test-report-file-legend';
+//# sourceMappingURL=index.d.ts.map

dist/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 require("./components/mutation-test-report-app");
+require("./components/mutation-test-report-popup/mutation-test-report-popup");
 require("./components/mutation-test-report-file/mutation-test-report-file");
 require("./components/mutation-test-report-totals");
 require("./components/mutation-test-report-breadcrumb");
-require("./components/mutation-test-report-title");
 require("./components/mutation-test-report-mutant");
 require("./components/mutation-test-report-file-legend");
 //# sourceMappingURL=index.js.map

dist/lib/BackgroundColorCalculator.d.ts

@@ -16,1 +16,2 @@ import { MutantResult } from 'mutation-testing-report-schema';
 }
+//# sourceMappingURL=BackgroundColorCalculator.d.ts.map

dist/lib/BackgroundColorCalculator.js

@@ -0,0 +0,0 @@ "use strict";

dist/lib/helpers.d.ts

@@ -20,1 +20,2 @@ import { FileResultDictionary } from 'mutation-testing-report-schema';
 export declare function lines(content: string): string[];
+//# sourceMappingURL=helpers.d.ts.map

dist/lib/helpers.js

@@ -0,0 +0,0 @@ "use strict";

dist/lib/htmlHelpers.d.ts

 import { MutantStatus } from 'mutation-testing-report-schema';
 export declare function getContextClassForStatus(status: MutantStatus): "danger" | "warning" | "success" | "secondary";
 export declare function escapeHtml(unsafe: string): string;
+//# sourceMappingURL=htmlHelpers.d.ts.map

dist/lib/htmlHelpers.js

@@ -0,0 +0,0 @@ "use strict";

dist/lib/router.d.ts

@@ -8,1 +8,2 @@ /**
 export declare const locationChange$: import("rxjs").Observable<string[]>;
+//# sourceMappingURL=router.d.ts.map

dist/lib/router.js

@@ -0,0 +0,0 @@ "use strict";

dist/model/DirectoryResultModel.d.ts

@@ -10,1 +10,2 @@ import { ResultModel } from './ResultModel';
 }
+//# sourceMappingURL=DirectoryResultModel.d.ts.map

dist/model/DirectoryResultModel.js

@@ -0,0 +0,0 @@ "use strict";

dist/model/FileResultModel.d.ts

@@ -11,1 +11,2 @@ import { ResultModel } from './ResultModel';
 }
+//# sourceMappingURL=FileResultModel.d.ts.map

dist/model/FileResultModel.js

@@ -0,0 +0,0 @@ "use strict";

dist/model/index.d.ts

@@ -7,1 +7,2 @@ import { FileResultDictionary } from 'mutation-testing-report-schema';
 export declare function toDirectoryModel(files: FileResultDictionary, name?: string, path?: string): DirectoryResultModel;
+//# sourceMappingURL=index.d.ts.map

dist/model/index.js

@@ -0,0 +0,0 @@ "use strict";

dist/model/ResultModel.d.ts

@@ -10,1 +10,2 @@ import { TotalsModel } from './TotalsModel';
 }
+//# sourceMappingURL=ResultModel.d.ts.map

dist/model/ResultModel.js

@@ -0,0 +0,0 @@ "use strict";

dist/model/TotalsModel.d.ts

@@ -71,1 +71,2 @@ import { MutantResult } from 'mutation-testing-report-schema';
 }
+//# sourceMappingURL=TotalsModel.d.ts.map

dist/model/TotalsModel.js

@@ -0,0 +0,0 @@ "use strict";

dist/style/index.d.ts

 export declare const bootstrap: import("lit-element").CSSResult;
 export declare const highlightJS: import("lit-element").CSSResult;
+//# sourceMappingURL=index.d.ts.map

dist/style/index.js

@@ -0,0 +0,0 @@ "use strict";

package.json

 {
   "name": "mutation-testing-elements",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A suite of web components for a mutation testing report.",
@@ -33,3 +33,3 @@ "unpkg": "dist/mutation-test-elements.js",
   },
-  "gitHead": "d710b2d3e5feca527a71ab129388fce867620e17"
+  "gitHead": "26766c1af1d0fb3b2ea1904b97e41f9591001d6b"
 }

README.md

@@ -0,0 +0,0 @@ [![Build Status](https://travis-ci.org/stryker-mutator/mutation-testing-elements.svg?branch=master)](https://travis-ci.org/stryker-mutator/mutation-testing-elements)

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

437336

increased by3.68%

Number of package files

80

increased by31.15%

Lines of code

2678

increased by3%

No dependency changes