added test helpers (#43)

* added test helpers

* 17.1.0

* depups

* remove beta hold

* ci tweak

* remove coveralls

* run tests against real project

* add step

* update name

* fix

* fix

* fix

Author: duluca

.circleci/config.yml

@@ -1,6 +1,7 @@
 version: 2.1
 orbs:
-  coveralls: coveralls/coveralls@2.2.1
+  browser-tools: circleci/browser-tools@1
+#   coveralls: coveralls/coveralls@2.2.1
 jobs:
   build:
     docker:
@@ -39,17 +40,6 @@ jobs:
       - run:
           name: Run Tests and Check Code Coverage
           command: npm run test:ci
-          environment:
-            JEST_JUNIT_OUTPUT_DIR: ./test_results/
-      - store_test_results:
-          path: ./test_results
-      - store_artifacts:
-          path: ./coverage
-
-      # upload coverage report to coveralls for readme badge support
-      # requires config.yml version 2.1 and orbs: coveralls: coveralls/coveralls@1.0.4
-      # requires coveralls account and token specific to repo to be stored in CircleCI
-      #- coveralls/upload
 
       - run: npm run build
       - run: npm pack
@@ -68,6 +58,32 @@ jobs:
           root: /tmp/workspace
           paths:
             - pkg
+  test-with-project:
+    docker:
+      - image: cimg/node:lts-browsers
+    working_directory: ~/
+    steps:
+      - attach_workspace:
+          at: /tmp/workspace
+      - run:
+          name: Setup lemon-mart
+          command: |
+            git clone https://github.com/duluca/lemon-mart
+            cd lemon-mart
+            npm ci
+      - browser-tools/install-chrome
+      - browser-tools/install-chromedriver
+      - run:
+          name: Apply angular-unit-test-helper
+          command: |
+            set -exu
+            cd lemon-mart
+            npm install /tmp/workspace/pkg/angular-unit-test-helper-*.tgz
+      - run:
+          name: Run lemon-mart tests
+          command: |
+            cd lemon-mart
+            npx ng test --watch=false --project lemon-mart
   deploy:
     docker:
       - image: cimg/node:lts
@@ -101,25 +117,31 @@ workflows:
   build-and-deploy:
     jobs:
       - build
-      - hold:
-          type: approval
+      - test-with-project:
           requires:
             - build
           filters:
             branches:
-              only: main
-      - deploy:
-          context: npm
-          requires:
-            - hold
-      - hold-beta:
+              ignore: main
+      - hold:
           type: approval
           requires:
             - build
           filters:
             branches:
-              ignore: main
-      - deploy-beta:
+              only: main
+      - deploy:
           context: npm
           requires:
-            - hold-beta
+            - hold
+      # - hold-beta:
+      #     type: approval
+      #     requires:
+      #       - build
+      #     filters:
+      #       branches:
+      #         ignore: main
+      # - deploy-beta:
+      #     context: npm
+      #     requires:
+      #       - hold-beta

.vscode/settings.json

@@ -20,8 +20,8 @@
   "editor.formatOnSave": true,
   "editor.minimap.enabled": false,
   "editor.codeActionsOnSave": {
-    "source.organizeImports": false,
-    "source.fixAll.tslint": true
+    "source.organizeImports": "never",
+    "source.fixAll.tslint": "explicit"
   },
   "editor.defaultFormatter": "esbenp.prettier-vscode",
   "explorer.openEditors.visible": 0,
@@ -37,5 +37,6 @@
   },
   "[ignore]": {
     "editor.defaultFormatter": "foxundermoon.shell-format"
-  }
+  },
+  "angular.enable-strict-mode-prompt": false
 }

README.md

@@ -152,6 +152,25 @@ Replaces boilerplate
 class MockCurrentWeatherComponent {}
 ```
 
+### `getNativeElementByTestId<TComponent>(fixture: ComponentFixture<TComponent>, testId: string = '')`
+
+Helper function to retrieve the native element associated with a specific `data-testid`` within a component fixture.
+
+Usage
+
+```html
+<span class="left-pad" data-testid="title">LemonMart</span>
+```
+
+```ts
+it('should render title', () => {
+  const fixture = TestBed.createComponent(AppComponent)
+  fixture.detectChanges()
+  const titleElement = getNativeElementByTestId(fixture, 'title')
+  expect(titleElement.textContent).toContain('LemonMart')
+})
+```
+
 ### `injectClass<TDependency>(dependency: Type<TDependency> | AbstractType<TDependency>): TDependency`
 
 Helper function to inject a dependency, like a service, into the TestBed with a typed return variable.