feat: api + wire test

Author: jhefferman-sfdc

packages/@lwc/engine-server/src/__tests__/fixtures/wire/invocation-sequence/method/config.json

@@ -1,3 +1,7 @@
 {
-    "entry": "x/wire"
+    "entry": "x/parent",
+    "ssrFiles": {
+        "error": "error-v2.txt",
+        "expected": "expected-v2.html"
+    }
 }

packages/@lwc/engine-server/src/__tests__/fixtures/wire/invocation-sequence/method/error-v2.txt

@@ -0,0 +1,20 @@
+<fixture-test>
+  <template shadowrootmode="open">
+    <x-wire>
+      <template shadowrootmode="open">
+        <div>
+          Invocation sequence: 
+ 1. adapter: connect()
+ 2. component: getApiValue(undefined)
+ 3. adapter: update()
+ 4. component: wiredMethod(wire provided value)
+ 5. component: setApiValue(wire provided value)
+ 6. component: setApiValue(parent provided (initial) value)
+        </div>
+        <div>
+          Api Value: parent provided (initial) value
+        </div>
+      </template>
+    </x-wire>
+  </template>
+</fixture-test>

packages/@lwc/engine-server/src/__tests__/fixtures/wire/invocation-sequence/method/expected-v2.html

@@ -1,15 +1,20 @@
 <fixture-test>
   <template shadowrootmode="open">
-    <div>
-      Invocation sequence: 
- 1. adapter connect()
- 2. adapter update()
- 3. component wiredMethod()
-    </div>
-    <div>
-      Wired prop: {
-    key1: foo,
-}
-    </div>
+    <x-wire>
+      <template shadowrootmode="open">
+        <div>
+          Invocation sequence: 
+ 1. component: setApiValue(parent provided value)
+ 2. adapter: connect()
+ 3. component: getApiValue(parent provided value)
+ 4. adapter: update()
+ 5. component: wiredMethod(wire provided value)
+ 6. component: setApiValue(wire provided value)
+        </div>
+        <div>
+          Api Value: wire provided value
+        </div>
+      </template>
+    </x-wire>
   </template>
 </fixture-test>

packages/@lwc/engine-server/src/__tests__/fixtures/wire/invocation-sequence/method/expected.html

@@ -0,0 +1,3 @@
+<template>
+    <x-wire api-value={apiValue}></x-wire>
+</template>

packages/@lwc/engine-server/src/__tests__/fixtures/wire/invocation-sequence/method/modules/x/parent/parent.html

@@ -0,0 +1,5 @@
+import { LightningElement } from 'lwc';
+
+export default class Parent extends LightningElement {
+    apiValue = 'parent provided (initial) value';
+}

packages/@lwc/engine-server/src/__tests__/fixtures/wire/invocation-sequence/method/modules/x/parent/parent.js

@@ -6,20 +6,12 @@ export class adapter {
     }
 
     connect() {
-        invocationSequence.push('adapter connect()');
+        invocationSequence.push('adapter: connect()');
     }
 
-    update(config) {
-        invocationSequence.push('adapter update()');
-        // JSON.stringify serializes differently for engine-server/ssr-compiler, so we do it manually
-        const output = Object.entries(config)
-            .sort(([a], [b]) => a.localeCompare(b))
-            .map(([key, value]) => `    ${key}: ${JSON.stringify(value)},`)
-            .join('\n')
-            // Quotes are encoded as " in the output, which makes it harder to read...
-            .replace(/"/g, '');
-
-        this.dc(`{\n${output}\n}`);
+    update() {
+        invocationSequence.push('adapter: update()');
+        this.dc('wire provided value');
     }
 
     disconnect() {}

packages/@lwc/engine-server/src/__tests__/fixtures/wire/invocation-sequence/method/modules/x/wire/adapter.js

@@ -1,4 +1,4 @@
 <template>
     <div>Invocation sequence: {invocationSequence}</div>
-    <div>Wired prop: {externalProp}</div>
+    <div>Api Value: {apiValue}</div>
 </template>

packages/@lwc/engine-server/src/__tests__/fixtures/wire/invocation-sequence/method/modules/x/wire/wire.html

@@ -1,14 +1,23 @@
-import { LightningElement, wire } from 'lwc';
+import { LightningElement, wire, api } from 'lwc';
 
 import { adapter, invocationSequence } from './adapter';
 
 export default class Wire extends LightningElement {
-    prop = 'foo';
+    @api
+    set apiValue(value) {
+        invocationSequence.push(`component: setApiValue(${value})`);
+        this._apiValue = value;
+    }
+
+    get apiValue() {
+        invocationSequence.push(`component: getApiValue(${this._apiValue})`);
+        return this._apiValue;
+    }
 
-    @wire(adapter, { key1: '$prop' })
+    @wire(adapter, { apiValue: '$apiValue' })
     wiredMethod(value) {
-        invocationSequence.push('component wiredMethod()');
-        this.externalProp = value;
+        invocationSequence.push(`component: wiredMethod(${value})`);
+        this.apiValue = value;
     }
 
     get invocationSequence() {