Switch to Marko testing library (#11)

* chore: update dev deps

* test(subscribe): use @marko/testing-library

* test(match-media): use @marko/testing-library

* test(context): use @marko/testing-library

* test(subscribe): switch to chai

* test(match-media): switch to chai

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018 eBay Inc. and contributors
+Copyright (c) 2019 eBay Inc. and contributors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package.json

@@ -1,22 +1,26 @@
 {
   "devDependencies": {
-    "@commitlint/cli": "^7.5.2",
-    "@commitlint/config-conventional": "^7.5.0",
-    "@commitlint/config-lerna-scopes": "^7.5.1",
+    "@commitlint/cli": "^8.0.0",
+    "@commitlint/config-conventional": "^8.0.0",
+    "@commitlint/config-lerna-scopes": "^8.0.0",
+    "@marko/testing-library": "^1.0.5",
+    "chai": "^4.2.0",
+    "chai-dom": "^1.8.1",
     "cheerio": "^1.0.0-rc.2",
-    "codecov": "^3.2.0",
+    "codecov": "^3.5.0",
     "cross-env": "^5.2.0",
-    "husky": "^1.3.1",
-    "lasso": "^3.2.9",
-    "lasso-marko": "^2.4.6",
-    "lerna": "^3.11.1",
-    "lint-staged": "^8.1.3",
-    "marko": "^4.15.0",
-    "marko-cli": "^6.0.3",
-    "mocha": "^5.2.0",
-    "nyc": "^13.2.0",
-    "prettier": "^1.16.4",
-    "sinon": "^7.2.3"
+    "husky": "^3.0.0",
+    "lasso": "^3.3.0",
+    "lasso-marko": "^2.4.7",
+    "lerna": "^3.15.0",
+    "lint-staged": "^9.0.2",
+    "marko": "^4.18.8",
+    "marko-cli": "^7.0.6",
+    "mocha": "^6.1.4",
+    "nyc": "^14.1.1",
+    "prettier": "^1.18.2",
+    "sinon": "^7.3.2",
+    "sinon-chai": "^3.3.0"
   },
   "lint-staged": {
     "*.{js,json,md}": [

tags/context/src/components/context/test/fixtures/async-component/index.marko

@@ -1,8 +1,12 @@
-<context data=input.data>
-  <await(_ from Promise.resolve())>
-    <context|{ data }| from=".">[receiver async]${data}</context>
-  </await>
-  <context data="[provider content nested]">
-    <context|{ data }| from=".">[receiver nested]${data}</context>
+<div data-testid="root">
+  <context data=input.data>
+    <await(Promise.resolve())>
+      <@then>
+        <context|{ data }| from=".">[receiver async]${data}</context>
+      </@then>
+    </await>
+    <context data="[provider content nested]">
+      <context|{ data }| from=".">[receiver nested]${data}</context>
+    </context>
   </context>
-</context>
+</div>

tags/context/src/components/context/test/fixtures/distant-components/index.marko

@@ -1,4 +1,6 @@
-<provider key="provider" data=input.data>
-  [example content]
-  <middle show=input.show key="middle"/>
-</provider>
+<div data-testid="root">
+  <provider key="provider" data=input.data>
+    [example content]
+    <middle show=input.show key="middle"/>
+  </provider>
+</div>

tags/context/src/components/context/test/fixtures/event-handler/index.marko

@@ -4,12 +4,17 @@ class {
   }
 }
 
-<context
-  data=input.data
-  on-increment(function() {
-    component.callCount++;
-  })>
-  <context|{ data }, emit| from=".">
-    [receiver content]${data}<button.test-button on-click(emit, "increment")/>
+<div data-testid="root">
+  <context
+    data=input.data
+    on-increment(function() {
+      component.callCount++;
+    })>
+    <context|{ data }, emit| from=".">
+      [receiver content]${data}<button.test-button on-click(emit, "increment")>
+        Increment
+      </button>
+      Count: ${component.callCount}
+    </context>
   </context>
-</context>
+</div>

tags/context/src/components/context/test/fixtures/external-components/index.marko

@@ -1,4 +1,6 @@
-<provider key="provider" data=input.data>
-  [example content]
-  <receiver key="receiver"/>
-</provider>
+<div data-testid="root">
+  <provider key="provider" data=input.data>
+    [example content]
+    <receiver key="receiver"/>
+  </provider>
+</div>

tags/context/src/components/context/test/fixtures/multiple-context-components/index.marko

@@ -1,9 +1,11 @@
-<provider key="provider1" data=input.data number=1>
-  [example 1 content]
-  <receiver key="receiver1"/>
-</provider>
--- [seperator]
-<provider key="provider2" data=input.data number=2>
-  [example 2 content]
-  <receiver key="receiver2"/>
-</provider>
+<div data-testid="root">
+  <provider key="provider1" data=input.data number=1>
+    [example 1 content]
+    <receiver key="receiver1"/>
+  </provider>
+  [seperator]
+  <provider key="provider2" data=input.data number=2>
+    [example 2 content]
+    <receiver key="receiver2"/>
+  </provider>
+</div>