wire api fix (#5294)

* fix: test for wire invocation order

* fix: added wired method invocation test

* feat: api + wire test

* fix: api/wire invocation order

* chore: remove .only

* chore: typo and .only

Author: jhefferman-sfdc

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

@@ -0,0 +1,3 @@
+{
+    "entry": "x/parent"
+}

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

@@ -0,0 +1,20 @@
+<fixture-test>
+  <template shadowrootmode="open">
+    <x-wire>
+      <template shadowrootmode="open">
+        <div>
+          Invocation sequence: 
+ 1. component: setApiValue(parent provided (initial) value)
+ 2. adapter: connect()
+ 3. component: getApiValue(parent provided (initial) 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

@@ -0,0 +1,18 @@
+export let invocationSequence = [];
+
+export class adapter {
+    constructor(dataCallback) {
+        this.dc = dataCallback;
+    }
+
+    connect() {
+        invocationSequence.push('adapter: connect()');
+    }
+
+    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

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

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

@@ -0,0 +1,26 @@
+import { LightningElement, wire, api } from 'lwc';
+
+import { adapter, invocationSequence } from './adapter';
+
+export default class Wire extends LightningElement {
+    @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, { apiValue: '$apiValue' })
+    wiredMethod(value) {
+        invocationSequence.push(`component: wiredMethod(${value})`);
+        this.apiValue = value;
+    }
+
+    get invocationSequence() {
+        return invocationSequence.map((invocation, i) => `\n ${i + 1}. ${invocation}`).join('');
+    }
+}

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

@@ -0,0 +1,3 @@
+{
+    "entry": "x/wire"
+}