revert "Prevent NavigatorCard from re-render when fetching data" #865 (#907) rdar://130779044

revert "Prevent NavigatorCard from re-render when fetching data" #865 (#907) rdar://130779044

Author: hqhhuang

src/components/Navigator.vue

@@ -14,7 +14,7 @@
     class="navigator"
   >
     <NavigatorCard
-      v-show="!isFetching"
+      v-if="!isFetching"
       v-bind="technologyProps"
       :type="type"
       :children="flatChildren"
@@ -36,7 +36,7 @@
     </NavigatorCard>
     <LoadingNavigatorCard
       @close="$emit('close')"
-      v-if="isFetching"
+      v-else
     />
     <div aria-live="polite" class="visuallyhidden">
       {{ $t('navigator.navigator-is', {

tests/unit/components/Navigator.spec.js

@@ -126,15 +126,6 @@ describe('Navigator', () => {
     expect(wrapper.find(LoadingNavigatorCard).exists()).toBe(false);
   });
 
-  it('adds display:none to NavigatorCard when navigator is loading', () => {
-    const wrapper = createWrapper({
-      propsData: {
-        isFetching: true,
-      },
-    });
-    expect(wrapper.find(NavigatorCard).attributes('style')).toContain('display: none');
-  });
-
   it('renders an aria live that tells VO users when navigator is ready', () => {
     const wrapper = createWrapper();
     expect(wrapper.find('[aria-live="polite"]').exists()).toBe(true);