Add tests for accessing outlets before they are initialized

src/tests/controllers/outlet_controller.ts

@@ -19,6 +19,7 @@ export class OutletController extends BaseOutletController {
     alphaOutletDisconnectedCallCount: Number,
     betaOutletConnectedCallCount: Number,
     betaOutletDisconnectedCallCount: Number,
+    betaOutletsInConnect: Number,
     gammaOutletConnectedCallCount: Number,
     gammaOutletDisconnectedCallCount: Number,
     namespacedEpsilonOutletConnectedCallCount: Number,
@@ -46,11 +47,16 @@ export class OutletController extends BaseOutletController {
   alphaOutletDisconnectedCallCountValue = 0
   betaOutletConnectedCallCountValue = 0
   betaOutletDisconnectedCallCountValue = 0
+  betaOutletsInConnectValue = 0
   gammaOutletConnectedCallCountValue = 0
   gammaOutletDisconnectedCallCountValue = 0
   namespacedEpsilonOutletConnectedCallCountValue = 0
   namespacedEpsilonOutletDisconnectedCallCountValue = 0
 
+  connect() {
+    this.betaOutletsInConnectValue = this.betaOutlets.length
+  }
+
   alphaOutletConnected(_outlet: Controller, element: Element) {
     if (this.hasConnectedClass) element.classList.add(this.connectedClass)
     this.alphaOutletConnectedCallCountValue++

src/tests/modules/core/outlet_order_tests.ts

@@ -0,0 +1,24 @@
+import { ControllerTestCase } from "../../cases/controller_test_case"
+import { OutletController } from "../../controllers/outlet_controller"
+
+export default class OutletOrderTests extends ControllerTestCase(OutletController) {
+  fixtureHTML = `
+    <div data-controller="alpha" data-alpha-beta-outlet=".beta">Search</div>
+    <div data-controller="beta" class="beta">Beta</div>
+    <div data-controller="beta" class="beta">Beta</div>
+    <div data-controller="beta" class="beta">Beta</div>
+  `
+
+  get identifiers() {
+    return ["alpha", "beta"]
+  }
+
+  async "test can access outlets in connect() even if they are referenced before they are connected"() {
+    this.assert.equal(this.controller.betaOutletsInConnectValue, 3)
+
+    this.controller.betaOutlets.forEach(outlet => {
+      this.assert.equal(outlet.identifier, "beta")
+      this.assert.equal(Array.from(outlet.element.classList.values()), "beta")
+    })
+  }
+}