chore: run prettier 2.0

Author: timdeschryver

prettier.config.js

@@ -4,6 +4,6 @@ module.exports = {
   useTabs: false,
   semi: true,
   singleQuote: true,
-  trailingComma: "all",
-  bracketSpacing: true
+  trailingComma: 'all',
+  bracketSpacing: true,
 };

projects/jest-utils/tests/create-mock.spec.ts

@@ -14,9 +14,7 @@ class FixtureService {
 
 @Component({
   selector: 'fixture',
-  template: `
-    <button (click)="print()">Print</button>
-  `,
+  template: ` <button (click)="print()">Print</button> `,
 })
 export class FixtureComponent {
   constructor(private service: FixtureService) {}
@@ -41,7 +39,7 @@ it('provides a mock service', async () => {
   expect(service.print).toHaveBeenCalledTimes(1);
 });
 
-it('is possible to write a mock implementation', async done => {
+it('is possible to write a mock implementation', async (done) => {
   const { click, getByText } = await render(FixtureComponent, {
     providers: [provideMock(FixtureService)],
   });

projects/testing-library/migrations/4_0_0/index.ts

@@ -17,7 +17,7 @@ function createRule(ruleName: string): TslintFixTask {
   );
 }
 
-export default function(): Rule {
+export default function (): Rule {
   return (_, context) => {
     const noCreateComponentRule = createRule('no-create-component');
     const noComponentParametersRule = createRule('no-component-parameters');

projects/testing-library/migrations/4_0_0/rules/noComponentParametersRule.ts

@@ -12,7 +12,7 @@ const FAILURE_MESSAGE = 'Found `parameters` parameter, use `componentProperties`
 export class Rule extends Rules.AbstractRule {
   public apply(ast: ts.SourceFile): Array<RuleFailure> {
     return tsquery(ast, IS_COMPONENT_PROPERTY_QUERY)
-      .map(result => {
+      .map((result) => {
         const [parameterNode] = tsquery(result, COMPONENT_PARAMETERS_PROPERTY_VALUE_QUERY);
         if (!parameterNode) {
           return [];

projects/testing-library/migrations/4_0_0/rules/noCreateComponentRule.ts

@@ -19,7 +19,7 @@ export class Rule extends Rules.AbstractRule {
   }
 
   private getImports(ast: ts.SourceFile): Array<RuleFailure> {
-    return tsquery(ast, CREATE_COMPONENT_IMPORT_QUERY).map(result => {
+    return tsquery(ast, CREATE_COMPONENT_IMPORT_QUERY).map((result) => {
       const replacement = new Replacement(result.getStart(), result.getWidth(), RENDER);
       const start = result.getStart();
       const end = result.getEnd();
@@ -29,7 +29,7 @@ export class Rule extends Rules.AbstractRule {
   }
 
   private getUsages(ast: ts.SourceFile): Array<RuleFailure> {
-    return tsquery(ast, CREATE_COMPONENT_CALL_EXPRESSION_QUERY).map(result => {
+    return tsquery(ast, CREATE_COMPONENT_CALL_EXPRESSION_QUERY).map((result) => {
       const replacement = new Replacement(result.getStart(), result.getWidth(), RENDER);
       const start = result.getStart();
       const end = result.getEnd();

projects/testing-library/migrations/5_1_2/index.ts

@@ -44,7 +44,7 @@ function updatePackageJson(host: Tree) {
   return host;
 }
 
-export default function(): Rule {
+export default function (): Rule {
   return (host, context) => {
     context.addTask(createRule('no-angular-extensions-import'));
 

projects/testing-library/migrations/5_1_2/rules/noAngularExtensionsImportRule.ts

@@ -14,7 +14,7 @@ export class Rule extends Rules.AbstractRule {
   }
 
   private getImports(ast: ts.SourceFile): Array<RuleFailure> {
-    return tsquery(ast, IMPORT_QUERY).map(result => {
+    return tsquery(ast, IMPORT_QUERY).map((result) => {
       // replace text between (single) quotes
       const replacement = new Replacement(result.getStart() + 1, result.getWidth() - 2, '@testing-library/angular');
       const start = result.getStart();

projects/testing-library/src/lib/testing-library.ts

@@ -23,7 +23,7 @@ import { createSelectOptions, createType, tab } from './user-events';
 const mountedFixtures = new Set<ComponentFixture<any>>();
 
 dtlConfigure({
-  eventWrapper: cb => {
+  eventWrapper: (cb) => {
     const result = cb();
     detectChangesForMountedFixtures();
     return result;
@@ -69,7 +69,7 @@ export async function render<SutType, WrapperType = SutType>(
   if (componentProviders) {
     componentProviders
       .reduce((acc, provider) => acc.concat(provider), [])
-      .forEach(p => {
+      .forEach((p) => {
         const { provide, ...provider } = p;
         TestBed.overrideProvider(provide, provider);
       });
@@ -103,17 +103,14 @@ export async function render<SutType, WrapperType = SutType>(
     detectChanges();
   }
 
-  const eventsWithDetectChanges = Object.keys(dtlFireEvent).reduce(
-    (events, key) => {
-      events[key] = (element: HTMLElement, options?: {}) => {
-        const result = dtlFireEvent[key](element, options);
-        detectChanges();
-        return result;
-      };
-      return events;
-    },
-    {} as FireFunction & FireObject,
-  );
+  const eventsWithDetectChanges = Object.keys(dtlFireEvent).reduce((events, key) => {
+    events[key] = (element: HTMLElement, options?: {}) => {
+      const result = dtlFireEvent[key](element, options);
+      detectChanges();
+      return result;
+    };
+    return events;
+  }, {} as FireFunction & FireObject);
 
   const rerender = (rerenderedProperties: Partial<SutType>) => {
     setComponentProperties(fixture, { componentProperties: rerenderedProperties });
@@ -177,7 +174,7 @@ export async function render<SutType, WrapperType = SutType>(
     container: fixture.nativeElement,
     debug: (element = fixture.nativeElement, maxLength, options) =>
       Array.isArray(element)
-        ? element.forEach(e => console.log(dtlPrettyDOM(e, maxLength, options)))
+        ? element.forEach((e) => console.log(dtlPrettyDOM(e, maxLength, options)))
         : console.log(dtlPrettyDOM(element, maxLength, options)),
     type: createType(eventsWithDetectChanges),
     selectOptions: createSelectOptions(eventsWithDetectChanges),
@@ -275,14 +272,14 @@ async function waitForElementToBeRemovedWrapper<T>(
   let cb;
   if (typeof callback !== 'function') {
     const elements = (Array.isArray(callback) ? callback : [callback]) as HTMLElement[];
-    const getRemainingElements = elements.map(element => {
+    const getRemainingElements = elements.map((element) => {
       let parent = element.parentElement;
       while (parent.parentElement) {
         parent = parent.parentElement;
       }
       return () => (parent.contains(element) ? element : null);
     });
-    cb = () => getRemainingElements.map(c => c()).filter(Boolean);
+    cb = () => getRemainingElements.map((c) => c()).filter(Boolean);
   } else {
     cb = callback;
   }
@@ -317,34 +314,31 @@ class WrapperComponent {}
  * Wrap findBy queries to poke the Angular change detection cycle
  */
 function replaceFindWithFindAndDetectChanges<T>(container: HTMLElement, originalQueriesForContainer: T): T {
-  return Object.keys(originalQueriesForContainer).reduce(
-    (newQueries, key) => {
-      if (key.startsWith('find')) {
-        const getByQuery = dtlQueries[key.replace('find', 'get')];
-        newQueries[key] = async (text, options, waitOptions) => {
-          // original implementation at https://github.com/testing-library/dom-testing-library/blob/master/src/query-helpers.js
-          const result = await waitForWrapper(
-            detectChangesForMountedFixtures,
-            () => getByQuery(container, text, options),
-            waitOptions,
-          );
-          return result;
-        };
-      } else {
-        newQueries[key] = originalQueriesForContainer[key];
-      }
+  return Object.keys(originalQueriesForContainer).reduce((newQueries, key) => {
+    if (key.startsWith('find')) {
+      const getByQuery = dtlQueries[key.replace('find', 'get')];
+      newQueries[key] = async (text, options, waitOptions) => {
+        // original implementation at https://github.com/testing-library/dom-testing-library/blob/master/src/query-helpers.js
+        const result = await waitForWrapper(
+          detectChangesForMountedFixtures,
+          () => getByQuery(container, text, options),
+          waitOptions,
+        );
+        return result;
+      };
+    } else {
+      newQueries[key] = originalQueriesForContainer[key];
+    }
 
-      return newQueries;
-    },
-    {} as T,
-  );
+    return newQueries;
+  }, {} as T);
 }
 
 /**
  * Call detectChanges for all fixtures
  */
 function detectChangesForMountedFixtures() {
-  mountedFixtures.forEach(fixture => {
+  mountedFixtures.forEach((fixture) => {
     try {
       fixture.detectChanges();
     } catch (err) {
@@ -358,17 +352,14 @@ function detectChangesForMountedFixtures() {
 /**
  * Wrap dom-fireEvent to poke the Angular change detection cycle after an event is fired
  */
-const fireEvent = Object.keys(dtlFireEvent).reduce(
-  (events, key) => {
-    events[key] = (element: HTMLElement, options?: {}) => {
-      const result = dtlFireEvent[key](element, options);
-      detectChangesForMountedFixtures();
-      return result;
-    };
-    return events;
-  },
-  {} as typeof dtlFireEvent,
-);
+const fireEvent = Object.keys(dtlFireEvent).reduce((events, key) => {
+  events[key] = (element: HTMLElement, options?: {}) => {
+    const result = dtlFireEvent[key](element, options);
+    detectChangesForMountedFixtures();
+    return result;
+  };
+  return events;
+}, {} as typeof dtlFireEvent);
 
 /**
  * Re-export screen with patched queries

projects/testing-library/src/lib/user-events/selectOptions.ts

@@ -35,12 +35,12 @@ export function createSelectOptions(fireEvent: FireFunction & FireObject) {
 
   return async function selectOptions(
     element: HTMLElement,
-    options: Matcher | ByRoleOptions | ((Matcher | ByRoleOptions)[]),
+    options: Matcher | ByRoleOptions | (Matcher | ByRoleOptions)[],
   ) {
     const selectElement = element as HTMLSelectElement;
 
     if (selectElement.selectedOptions) {
-      Array.from(selectElement.selectedOptions).forEach(option => (option.selected = false));
+      Array.from(selectElement.selectedOptions).forEach((option) => (option.selected = false));
     }
 
     const focusedElement = document.activeElement;

projects/testing-library/src/lib/user-events/type.ts

@@ -1,7 +1,7 @@
 import { FireFunction, FireObject } from '@testing-library/dom';
 
 function wait(time) {
-  return new Promise(function(resolve) {
+  return new Promise(function (resolve) {
     setTimeout(() => resolve(), time);
   });
 }