#140 node search + convert svg to css

tests/components/CsvImport/CsvJsonImport.spec.js

@@ -345,9 +345,9 @@ describe('CsvJsonImport.vue', () => {
     )
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(true)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(true)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      true
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.not.be.undefined
+
     expect(wrapper.find('#import-finish').isVisible()).to.equal(false)
     expect(wrapper.find('#import-start').isVisible()).to.equal(true)
     await resolveParsing()
@@ -424,9 +424,8 @@ describe('CsvJsonImport.vue', () => {
     )
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(true)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(true)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      true
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.not.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(false)
     expect(wrapper.find('#import-start').isVisible()).to.equal(true)
     await resolveImport()
@@ -502,9 +501,8 @@ describe('CsvJsonImport.vue', () => {
     )
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(true)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(true)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      true
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.not.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(false)
     expect(wrapper.find('#import-start').isVisible()).to.equal(true)
     await resolveImport()
@@ -573,9 +571,8 @@ describe('CsvJsonImport.vue', () => {
     )
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(false)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(false)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      false
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(false)
     expect(wrapper.find('#import-start').isVisible()).to.equal(true)
   })
@@ -651,9 +648,8 @@ describe('CsvJsonImport.vue', () => {
     )
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(true)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(true)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      true
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.not.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(false)
     expect(wrapper.find('#import-start').isVisible()).to.equal(true)
     expect(wrapper.vm.db.addTableFromCsv.getCall(0).args[0]).to.equal('foo') // table name
@@ -726,9 +722,8 @@ describe('CsvJsonImport.vue', () => {
     )
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(false)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(false)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      false
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(true)
   })
 
@@ -790,9 +785,8 @@ describe('CsvJsonImport.vue', () => {
     )
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(false)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(false)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      false
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(false)
   })
 
@@ -1060,9 +1054,8 @@ describe('CsvJsonImport.vue - json', () => {
     // All the dialog controls are disabled
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(true)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(true)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      true
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.not.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(false)
     expect(wrapper.find('#import-start').isVisible()).to.equal(true)
     await resolveParsing()
@@ -1114,9 +1107,8 @@ describe('CsvJsonImport.vue - json', () => {
     // All the dialog controls are disabled
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(true)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(true)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      true
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.not.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(false)
     expect(wrapper.find('#import-start').isVisible()).to.equal(true)
     expect(wrapper.vm.db.addTableFromCsv.getCall(0).args[0]).to.equal('foo') // table name
@@ -1156,9 +1148,8 @@ describe('CsvJsonImport.vue - json', () => {
     // All the dialog controls are enabled
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(false)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(false)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      false
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(true)
   })
 })
@@ -1316,9 +1307,8 @@ describe('CsvJsonImport.vue - ndjson', () => {
     // All the dialog controls are disabled
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(true)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(true)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      true
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.not.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(false)
     expect(wrapper.find('#import-start').isVisible()).to.equal(true)
     await resolveParsing()
@@ -1395,9 +1385,8 @@ describe('CsvJsonImport.vue - ndjson', () => {
     // All the dialog controls are disabled
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(true)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(true)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      true
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.not.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(false)
     expect(wrapper.find('#import-start').isVisible()).to.equal(true)
     expect(wrapper.vm.db.addTableFromCsv.getCall(0).args[0]).to.equal('foo') // table name
@@ -1461,9 +1450,8 @@ describe('CsvJsonImport.vue - ndjson', () => {
     // All the dialog controls are enabled
     expect(wrapper.find('#import-cancel').element.disabled).to.equal(false)
     expect(wrapper.find('#import-finish').element.disabled).to.equal(false)
-    expect(wrapper.findComponent({ name: 'close-icon' }).vm.disabled).to.equal(
-      false
-    )
+    expect(wrapper.find('[data-test="import-close-btn"]').attributes().disabled)
+      .to.be.undefined
     expect(wrapper.find('#import-finish').isVisible()).to.equal(true)
   })
 })

tests/components/CsvImport/DelimiterSelector.spec.js

@@ -29,7 +29,7 @@ describe('DelimiterSelector', async () => {
       props: { modelValue: ',' }
     })
 
-    await wrapper.findComponent({ name: 'clear-icon' }).trigger('click')
+    await wrapper.find('button.clear-btn').trigger('click')
 
     expect(wrapper.find('input').element.value).to.equal('')
     expect(wrapper.emitted().input).to.equal(undefined)
@@ -56,7 +56,7 @@ describe('DelimiterSelector', async () => {
       attachTo: document.body
     })
 
-    await wrapper.findComponent({ name: 'drop-down-chevron' }).trigger('click')
+    await wrapper.find('button.open-list-btn').trigger('click')
     expect(wrapper.find('.options').isVisible()).to.equal(true)
     await wrapper.find('.option').trigger('click')
     expect(wrapper.find('.options').isVisible()).to.equal(false)
@@ -101,11 +101,11 @@ describe('DelimiterSelector', async () => {
       attachTo: document.body
     })
 
-    await wrapper.findComponent({ name: 'clear-icon' }).trigger('click')
+    await wrapper.find('button.clear-btn').trigger('click')
 
     expect(wrapper.find('input').element.value).to.equal('|')
 
-    await wrapper.findComponent({ name: 'drop-down-chevron' }).trigger('click')
+    await wrapper.find('button.open-list-btn').trigger('click')
     expect(wrapper.find('.options').isVisible()).to.equal(false)
     wrapper.unmount()
   })

tests/components/Schema/Schema.spec.js

@@ -144,10 +144,7 @@ describe('Schema.vue', () => {
       }
     })
 
-    await wrapper
-      .findComponent({ name: 'export-icon' })
-      .find('svg')
-      .trigger('click')
+    await wrapper.find('[data-test="export-db-btn"]').trigger('click')
     expect(state.db.export.calledOnceWith('fooDB'))
     wrapper.unmount()
   })
@@ -190,10 +187,7 @@ describe('Schema.vue', () => {
     sinon.spy(wrapper.vm, 'addCsvJson')
     sinon.spy(wrapper.vm.$refs.addCsvJson, 'loadToDb')
 
-    await wrapper
-      .findComponent({ name: 'add-table-icon' })
-      .find('svg')
-      .trigger('click')
+    await wrapper.find('[data-test="add-csv-json-btn"]').trigger('click')
     await wrapper.vm.$refs.addCsvJson.preview.returnValues[0]
     await wrapper.vm.addCsvJson.returnValues[0]
     await nextTick()