fix(checked): react to slot changes

.eslintrc.js

@@ -1,4 +1,5 @@
 module.exports = {
+  "ignorePatterns": ["test/*.js", ".eslintrc.js"],
   "env": {
       "browser": true,
       "es6": true

src/auro-radio-group.js

@@ -17,7 +17,6 @@ class AuroRadioGroup extends LitElement {
     super();
     this.index = 0;
     this.max = 3;
-    this.items = Array.from(this.querySelectorAll('auro-radio'));
   }
 
   static get styles() {
@@ -51,6 +50,7 @@ class AuroRadioGroup extends LitElement {
   }
 
   handleItems() {
+    this.items = Array.from(this.querySelectorAll('auro-radio'));
     this.initializeIndex();
 
     if (this.disabled) {

test/auro-radio.test.js

@@ -648,21 +648,23 @@ describe('auro-radio-group', () => {
   });
 
   it('reacts to slot changes', async () => {
-    const el = await fixture(html`<auro-radio-group label="Select your state of residence">
+    const el = await fixture(html`<auro-radio-group label="Select your state of residence"></auro-radio-group>`);
+
+    // render radio children after the group has connected
+    await fixture(html`
       <auro-radio
       id="alaska"
       label="Alaska"
       name="states"
       value="alaska"
     ></auro-radio>
-
     <auro-radio
       id="washington"
       label="Washington"
       name="states"
       value="washington"
     ></auro-radio>
-    </auro-radio-group>`);
+    `, { parentNode: el });
 
     const alaskaRadio = el.querySelector("auro-radio[id=alaska]");
     const alaskaRadioInput = alaskaRadio.shadowRoot.querySelector('input');